Кроссбраузерное стресс-тестирование


Из-за обилия разных гаджетов, ноутбуков, планшетов, мониторов и браузеров при вёрстке сайтов необходимо обращать внимание на кроссбраузерность. Ведь, если ваш сайт отображается хорошо в Google Chrome, а в Opera выглядит ужасно - то вы потеряете клиентов, а за ними и деньги. Да и в целом лояльность к вашему ресурсу снизится, позиционировать он будет как нечто дешёвое и ненадёжное.

Поэтому кроссбраузерность необходимо соблюдать при разработке сайта. Но вы скажите "и что? мне устанавливать кучу браузеров?". Конечно, нет. Я и сам не люблю когда установлена куча приложений, которыми не пользуюсь постоянно.

На помощь придёт сайт browsershots.org. Главное его преимущество - он бесплатен.
Данный сервис может осуществить проверку практически на всех браузерах. То есть он просто откроет ваш сайт и сделает скриншот. Затем покажет его вам.
Порой даже один и тот же браузер, но в разных версиях, может по-разному обрабатывать вёрстку и JavaScript.

Заходите на сайт и в поле Enter URL вводите url тестируемого сайта/страницы.

Если Вы не будете переведены на страницу со скриношотами, то у Вас будет ниже ссылка, перейдя по которой, вы получите все скриншоты.

К примеру, я проверил как будет выглядеть наш любый голос

И вот что получилось:

В Opera

Imgur

В Google Chrome

Imgur

В Mozilla Firefox

Imgur

Конечно, существует много других сервисов, одни лучше, другие платные. К примеру, IE NetRenderer, IETester, Litmus, BrowserСam или CrossBrowserTesting.

Подытожим. Без кроссбраузерности ваш проект далеко не уедет. Есть много сервисов, которые помогут проверить вашу вёрстку. Не ленитесь делайте красиво. Так что, если вам не чуждо такое понятие как качество - верстайте кроссбраузерно.

Материал подготовлен автором @zheev


Comments 2


Хорошая работа! Подписался, надеюсь на взаимность

06.03.2018 10:10
0