Тестирование в IE



Влад Мержевич

В браузерах IE9, IE8 можно переключать движок сайта на любую версию, начиная с 7.0. Переключение реализовано довольно точно, и указав режим документа IE7 можно получить документ таким, как если бы его просматривали в этой версии, со всеми её ошибками. Само переключение делается двумя способами.

  1. Через режим представления совместимости.
  2. Через средства разработчика.

Режим представления совместимости сделан для корректного отображения сайтов, которые «заточены» под IE7 и показываются с ошибками в старших версиях. Переключение в режим IE7 происходит с помощью нажатия на специальную кнопку возле адресной строки (рис. 4.5), либо через пункт меню Сервис > Представление совместимости.

Адресная строка в IE9

Рис. 4.5 Адресная строка в IE9

Эта кнопка не всегда отображается, к примеру, её нет для локальных страниц и нет для документов, в коде которых содержится одна из этих строк.

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />

Эти строки насильно переводят браузер IE в режим 7.0.

Если требуется протестировать локальную страницу (вроде c:\www\page.html) для отображения в IE7, в настройках режима (Сервис > Параметры режима представления совместимости) следует поставить галочку в пункте «Отобразить узлы интрасети в режиме представления совместимости» (рис. 4.6).  

Параметры режима представления совместимости

Рис. 4.6. Параметры режима представления совместимости

С тестирование под IE6 всё сложнее. Браузер довольно тесно интегрируется с операционной системой Windows, поэтому установить одновременно несколько разных версий IE не получится. Некоторые веб-разработчики обходят это ограничение, устанавливая Windows на разные разделы жёсткого диска (или разные диски) или используя виртуальную машину. Компания Microsoft предлагает бесплатную виртуальную машину Virtual PC 2007, которую можно скачать с её сайта. Именно этот способ рекомендуется специалистами Microsoft для одновременной работы нескольких версий IE. Важно и то, что вам не придётся покупать дополнительную лицензию на Windows.

Также имеются программы, которые обходят указанное ограничение. Лучшей в этом роде можно считать MultipleIE, она устанавливает несколько старых версий IE сразу. Из них полезной является только IE6, остальные вроде IE5.5 или IE4 явно устарели. К сожалению MultipleIE работает только под Windows 2000 и Windows XP и не ставится на Windows Vista и Windows 7. Впрочем, некоторые утверждают, что им это удалось, но способ нетривиальный и не подходит большинству пользователей.

Наибольшей популярностью пользуется программа IETester, соединяющая в одной оболочке сразу несколько версий IE. IETester имеет простой и наглядный интерфейс, поддерживает русский язык и умеет во вкладках отображать страницу в разных версиях IE, начиная с 5.5. Достаточно щёлкнуть по желаемой кнопке на панели (рис. 4.7).

Кнопки для открытия вкладок с версиями IE

Рис. 4.7. Кнопки для открытия вкладок с версиями IE

Адрес страницы вводится в адресной строке текущей вкладки. Чтобы не запутаться, какая вкладка какой версии IE соответствует, на них отображается соответствующий номер (рис. 4.8).

Вкладки с версиями

Рис. 4.8. Вкладки с версиями

Пока IETester ещё даже не добрался до стабильной версии 1.0 и содержит массу мелких ошибок. Некоторые документы отказываются загружаться, версия IE7 иногда не работает с локальными страницами, возможны вылеты программы. Среди веб-разработчиков IETester носит славу «глючного», но кроме виртуальной машины, альтернатив ему нет.

Полезные ссылки

HTML по теме

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.