WEB тестирование, Тестирование ПО

Сервисы и инструменты для кроссбраузерного тестирования

Adobe BrowserLab

Adobe BrowserLab — бесплатный инструмент тестирования кроссбраузерности, позволяющий протестировать сайт в современных и некоторых устаревших браузерах, включая различные версии Chrome, Safari, IE и Firefox. Просмотр возможен в нескольких режимах: полноэкранном, в режиме сравнения, а также в режиме «наложенных слоёв». Сервис может получать доступ к страницам, размещённым в интернете, или работать локально, как дополнение к Firebug или Adobe Dreamweaver CS5. Возможность создания наборов браузеров для тестирования очень полезна, если нет необходимости тестирования в устаревших браузерах.

Browsershots

Browsershots, вероятно, обладает самым широким набором браузеров среди бесплатных инструментов тестирования. Он включает в себя браузеры, работающие в Linux, Windows и BSD. Среди них есть такие, о которых Вы, вероятно, вообще никогда не слышали (например, Galeon, Iceape, Kazehakase или Epiphany). Browsershots позволяет тестировать как в последних версиях каждого браузера, так и в устаревших версиях.

Хотя Browsershots позволяет тестировать в огромном «зоопарке» браузеров, стоит помнить, что, чем больше набор браузеров для тестирования, тем дольше придётся ждать результата. Поэтому стоит остановиться на основных браузерах.

IE Tester

IE Tester — бесплатный (как для частного, так и для профессионального использования) браузер для Windows, позволяющий тестировать сайт в IE 5.5, IE 6, IE 7, IE 8, IE 9 и IE 10 Previev. Можно тестировать как рендеринг HTML+CSS, так и JavaScript. Доступна только альфа-версия инструмента. Работает на Windows 7, Windows Vista и Windows XP c установленным IE не ниже 7-й версии.

Встроенные инструменты браузеров.

Firefox, Web Developer Toolbar, вкладка Resize , пункт меню View Responsive Layouts.

https://addons.mozilla.org/ru/firefox/addon/web-developer/

Плагин Web Developer Toolbar предоставляет веб-разработчику множество вариантов для тестирования сайта. Среди них есть отдельная закладка Resize в которой можно через Edit Resize Dimensios добавить расширений для изменения размера окна, или нажав на View Responsive Layouts увидеть как ваш сайт будет отображаться для наиболее популярных расширений.

Google Chrome

Для этого браузера есть большое количество расширений для тестирования responsive верстки. Пожалуй, даже больше, чем для браузера Firefox.

Основное расширение для Google Chrome — это Window Resizer и порядка 12 похожих расширений.

Resize Window

Viewport Resizer

Расширения, как правило, работают таким образом, что изменяют или размер browser (разрешение), или размер viewport (внутри окна browser).

5 1 vote
Article Rating
Подписаться
Уведомление о
guest
0 Комментарий
Inline Feedbacks
View all comments