Использование Modern.IE для улучшения разработки темы WordPress

Образы виртуальных машин

Мы все понимаем важность тестирования на нескольких версиях браузера, и если вы не используете платформу тестирования, которая предлагает это в качестве службы (например, BrowerStack), вы, вероятно, будете поддерживать свой собственный набор образов виртуальных машин. Хороший ресурс modern.IE предоставляет различные наборы версий для Windows и IE, которые вы можете загрузить в свои собственные среды.

Библиотека виртуализации охватывает множество различных версий Windows, а также IE от версии 6 до 8. Эти образы поставляются в различных операционных системах, на платформах виртуализации, причем VirtualBox поддерживается в Windows, Mac и Linux.

Вот операционные системы хоста и платформы виртуализации, доступные на момент написания:

Windows

• Hyper-V в Windows Server 2008 R2 с пакетом обновления 1
• Hyper-V в Windows Server 2012 и Windows 8 Pro с Hyper-V
• Виртуальный ПК для Windows 7
• VirtualBox в Windows
• VMWare Player для Windows

макинтош

• VirtualBox для Mac
• VMWare Fusion для Mac
• Parallels для Mac

Linux

• VirtualBox для Linux

А вот версии для Windows и IE:

• IE11 — Windows 8.1
• IE10 — Windows 8
• IE11 — Windows 7
• IE10 — Windows 7
• IE9 — Windows 7
• IE8 — Windows 7
• IE7 — Windows Vista
• IE8 — Windows XP
• IE6 — Windows XP

Для установки любого из них вы должны загрузить самораспаковывающиеся архивы RAR. Из-за размера изображений они разбиты на несколько файлов и лучше всего загружаются с помощью инструментов командной строки wget или cURL . В приведенном ниже примере я буду загружать Windows XP / IE6 для Parallels для OS X, используя cURL:

curl -O -L "https://www.modern.ie/vmdownload?platform=mac&virtPlatform=parallels&browserOS=IE6-WinXP&parts=0&filename=VMBuild_20131127/Parallels/IE6_WinXP/IE6.WinXP.For.MacParallels.sfx"

Далее нам нужно запустить самораспаковывающийся RAR-файл, но сначала нужно сделать исполняемый файл:

 chmod +x IE6.WinXP.For.MacParallels.sfx

Теперь мы можем запустить файл, который извлечет файлы PVM, необходимые для нашего образа Parallels:

 ./IE6.WinXP.For.MacParallels.sfx

Вывод должен выглядеть так:

 RAR SFX archive

Extracting from ./IE6.WinXP.For.MacParallels.sfx

Creating    IE6 - WinXP.pvm                                           OK
Extracting  IE6 - WinXP.pvm/config.pvs                                OK
Extracting  IE6 - WinXP.pvm/config.pvs.backup                         OK
Creating    IE6 - WinXP.pvm/IE6 - WinXP.hdd                           OK
Extracting  IE6 - WinXP.pvm/IE6 - WinXP.hdd/DiskDescriptor.xml        OK
Extracting  IE6 - WinXP.pvm/IE6 - WinXP.hdd/DiskDescriptor.xml.Backup  OK
Extracting  IE6 - WinXP.pvm/IE6 - WinXP.hdd/IE6 - WinXP.hdd           OK
Extracting  IE6 - WinXP.pvm/IE6 - WinXP.hdd/IE6 - WinXP.hdd.0.{5fbaabe3-6958-40ff-92a7-860e329aab41}.hds  OK
Extracting  IE6 - WinXP.pvm/IE6 - WinXP.hdd/IE6 - WinXP.hdd.drh       OK
Extracting  IE6 - WinXP.pvm/parallels.log                             OK
Extracting  IE6 - WinXP.pvm/statistic.log                             OK
Extracting  IE6 - WinXP.pvm/VmInfo.pvi                                OK
Creating    IE6 - WinXP.pvm/Snapshots                                 OK
Creating    IE6 - WinXP.pvm/Windows Disks                             OK
All OK

Все, что нам нужно сделать сейчас, это импортировать изображение в Parallels, и мы готовы запустить Windows XP и IE6.

Настройка всех изображений займет некоторое время, но, в конце концов, вы охватите все версии Windows и IE в своей собственной среде тестирования.

Отчет о совместимости и сканирование сайта

Отчет о совместимости / сканирование сайта (также называемый отчетом о совместимости) — это отличный инструмент, который проверяет ваш HTML, CSS и JavaScript на наличие проблем или способов улучшить код в вашей теме. Он также предупреждает вас об устаревших версиях распространенных библиотек JavaScript. Это важно, если вы используете начальную тему, которая может использовать более старые версии определенной библиотеки.