Как проверить, совместим ли шаблон со старыми версиями Firefox, Chrome и Opera
У нас есть инструмент IETester для проверки шаблона с разными версиями IE, но как насчет других браузеров.
У меня есть последние версии Firefox, Chrome и Opera, и я пробую свой шаблон с ними.
вопросы:
1 - есть ли у других браузеров та же проблема, что и у IE в их разных версиях ( IE6 имеет один стандарт, IE 7 - другой, IE 8 - свой собственный, IE 9 - что-то еще!), Поэтому необходимо проверять шаблон в более старых версиях, как мы это делаем с IE?
2 - если да, как это сделать? какие-нибудь инструменты?
2 ответа
Да, другие браузеры имеют различия в отображении веб-страниц в зависимости от версии браузера, хотя зачастую они не так значительны, как в разных версиях Internet Explorer.
Некоторые из этих различий рендеринга задокументированы в режиме Quirks.
Необходимость проверки проблем рендеринга в шаблоне - это, в конечном счете, ваше решение, которое вы принимаете в зависимости от того, какой уровень кросс-браузерной совместимости вы хотите поддерживать.
Инструменты для тестирования кросс-браузерной совместимости включают в себя:
- Наличие хотя бы одной виртуальной машины и установка всех версий браузеров, на которых вы хотите протестировать. Если вы хотите автоматизировать веб-тестирование, вы можете использовать такой инструмент, как Selenium. Этот метод является одним из самых утомительных, но он позволяет полностью контролировать параметры рендеринга в каждом браузере и позволяет выполнять отладку с помощью инструментов браузера, таких как Firebug, и соответствующих инструментов / расширений веб-разработчика, которые поставляются с каждым браузером. (Сделай сам, бесплатно, стоит только потратить время на настройку, как ты хочешь)
- Browser Shots (бесплатно, просто автоматические скриншоты)
- Adobe Browser Labs (бесплатные, просто автоматические скриншоты)
- Кросс-браузерное тестирование (Бесплатная пробная версия с интерактивным тестированием и автоматическими скриншотами)
- http://www.multibrowserviewer.com/ (бесплатная пробная версия с интерактивным тестированием и автоматическими скриншотами)
- Стек браузера (бесплатная пробная версия с интерактивным тестированием и автоматическими скриншотами)
- Тестирующий бот (Бесплатная пробная версия с автоматическим интерактивным тестированием и автоматическими скриншотами)
- Multibrowser (Бесплатная пробная версия с интерактивным тестированием)
- Browser Seal (Бесплатная пробная версия, с автоматическими скриншотами)
- Sauce Labs ondemand и Scout (бесплатная пробная версия, с автоматическим интерактивным тестированием и автоматическими скриншотами)
- SuperPreview (Бесплатная пробная версия)
- ложка (Бесплатная пробная версия, Бесплатная пробная версия с интерактивным тестированием)
- Mogotest (бесплатная пробная версия с автоматическим интерактивным тестированием и автоматическими скриншотами)
- http://browserling.com/ ((Бесплатная пробная версия, Бесплатная пробная версия с интерактивным тестированием)
- browsera (Бесплатная пробная версия, Бесплатная пробная версия с интерактивным тестированием)
- Lunascape (бесплатно, с интерактивным тестированием бок о бок, но только в 3 разных браузерах)
В качестве локального инструмента я бы добавил BrowseEmAll в список (только для Windows).