Раньше тестирование сайта было намного проще. Вы должны разрабатывать и тестировать свой код в Internet Explorer и не замечать ничего, кроме серьезных ошибок HTML, CSS или JavaScript. Даже самые добросовестные разработчики протестируют только пару других браузеров для меньшинства.
Сегодня мы столкнулись с 5 основными браузерами, и, что еще более усложняет ситуацию, у каждого из них есть несколько версий. Статистика использования варьируется от сайта к сайту, но следующие браузеры должны обслуживать 99% пользователей:
- Microsoft IE6 и IE7 (IE8 скоро появится)
- Mozilla Firefox 2 и 3 (скоро появится Firefox 3.5)
- Apple Safari 3 ( скоро выйдет Safari 4 )
- Google Chrome 1
- Опера 9
Хотите приблизиться к 100% охвату пользователей? Добавьте IE5, IE5.5, Netscape 6, Mozilla 1.7, мобильную Opera mini, PlayStation 3, PSP, несколько исторических версий Mac Safari и пару программ чтения с экрана. Это сложный список: тестирование вашего веб-приложения может занять больше времени, чем его создание!
К счастью, на одном ПК легко установить несколько версий Firefox, Safari и Opera: просто выберите другую папку для установки. Для Chrome пока рано, но я подозреваю, что Google будет выпускать автоматические обновления, поэтому у большинства пользователей будет самая последняя версия.
Как всегда, самым трудным является Internet Explorer. Браузер тесно интегрирован в Windows, поэтому можно установить только одну версию. Пользователи Vista не могут понизить версию и должны использовать IE7 или IE8. Однако существует несколько способов тестирования нескольких браузеров на одном ПК.
Симуляторы Браузера Онлайн
Несколько онлайн-систем могут использоваться для демонстрации работы вашего сайта в различных сочетаниях ОС и браузера:
- BrowserShots
- Кроссбраузерное тестирование
- лакмус
- BrowserCam
- IE NetRenderer (только браузеры IE)
- Browsrcamp (только для браузеров Mac)
Там нет ничего, чтобы установить, однако, ваш сайт должен быть живым, тестирование является медленным процессом, и лучшие службы взимают плату. Вы видите только скриншот, поэтому отладка сложна, и вы наверняка не обнаружите ошибок JavaScript или других тонких проблем.
Эти системы, несомненно, полезны, но, вероятно, лучше использовать их в конце вашего процесса тестирования.
Установите несколько версий Internet Explorer
Несколько версий IE могут быть установлены на одном ПК. Автономные версии IE6 (и любые версии до v3.0) можно загрузить из архива браузера evolt.org . Пользователи XP могут просто извлечь файлы и создать ярлык для iexpore.exe. К сожалению, они не работают в Vista.
Альтернативой является браузерная песочница Xenocode, которая предоставляет IE6, IE7, IE8, Firefox 2, Firefox 3, Chrome, Opera и Safari. Это отдельные файлы .exe, которые используют технологию виртуализации, чтобы обеспечить работу браузера в его отдельной изолированной среде, не затрагивая вашу основную систему.
Наконец, есть IETester от DebugBar . Это, безусловно, самое простое приложение для установки и использования. Он предлагает просмотр с вкладками со всеми версиями IE от 5.5 до 8.0 бета.
Хотя эти инструменты полезны, вы должны знать, что вы не используете «настоящие» установки IE. Проблемы включают в себя:
- Существуют некоторые странные особенности интерфейса, такие как история браузера, файлы cookie и кэш-память могут работать не так, как вы ожидаете.
- Фильтры и переходы не работают в IE5.5 / 6.0, поэтому 24-битные PNG и эффекты прозрачности не появятся. Существует обходной путь для автономных браузеров XP , но ни Xenocode, ни IETester, по-видимому, не реализуют решение.
- Старый браузер может использовать последнюю версию движка IE7 JavaScript.
- Условные комментарии CSS потерпят неудачу или запутаются — это еще одна веская причина избегать их !
Использовать виртуальную машину
Самый надежный способ запустить старую версию IE — это использовать выделенный ПК с чистой установкой Windows. Однако нет необходимости заполнять ваш офис неуклюжими старыми рабочими столами: вы можете использовать программное обеспечение виртуальной машины для эмуляции любого количества компьютеров на одной машине. Популярное программное обеспечение VM включает в себя:
- VMware : один из первых и лучших. Что сбивает с толку, VMware Server бесплатен, тогда как VMware Workstation — более продвинутый коммерческий продукт, предлагающий снимки и клонирование.
- VirtualBox : отличный продукт с открытым исходным кодом, принадлежащий Sun Microsystems. Он чувствует себя так же быстро, как VMware, хотя в нем отсутствуют некоторые незначительные функции, такие как перетаскивание файлов между хостом и гостевой ОС.
- Microsoft Virtual PC : надежная свободная виртуальная машина, хотя она не такая быстрая или полнофункциональная, как ее конкуренты.
После установки программного обеспечения вы создаете новый ПК, затем загружаетесь с установочного диска Windows или ISO-диска в виртуальном приводе компакт-дисков. Любая версия Windows от 98 до XP должна быть достаточной для установки старых версий IE.
Есть несколько других преимуществ использования виртуальных машин:
- Виртуальные диски можно копировать и создавать резервные копии. Вы можете очистить ОС и вернуться к предыдущему изображению в считанные секунды.
- Вы можете установить старые браузеры или опробовать новое программное обеспечение, не загрязняя ваш основной компьютер.
- Вы можете установить другие операционные системы, такие как Linux, и протестировать ряд других браузеров (Lynx отлично подходит для оценки доступности).
Создание вашего браузера требует времени, и ни одно из решений не является идеальным. Тем не менее, недавно выпущенный Microsoft SuperPreview может быть ответом на многие проблемы тестирования браузера …
Я пропустил ваш любимый метод тестирования нескольких браузеров?