Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. VirtualBox

Самый быстрый и проверенный способ протестировать Internet Explorer на OS X

by
Difficulty:BeginnerLength:ShortLanguages:

Russian (Pусский) translation by Anton Lisovsky (you can also view the original English article)

В один прекрасный момент, наступает время когда каждый разработчик делает немыслимое: открывает Internet Explorer. Но если мы не используем Windows, где его найти? Ах да, конечно же, IE не работает на OS X.

BrowserStack

Вероятно мы можем использовать сервис на подобии BrowserStack, который очень хорош, но мне кажется там всегда присутствуют лаги, и кто захочет тратить время и деньги тестируя Intrnet Explorer? В качестве альтернативы, мы можем сделать тоже самое, но уже на нашем компьютере.

VirtualBox

Для начала, нам нужно скачать VirtualBox для OS X. VirualBox - программа, которая позволяет вам создать, что-то на подобии виртуального компьютера, на любой операционной системе, которую-бы мы не использовали. Это значит, что если у вас неподалёку завалялся установочный диск с Windows XP, вы можете поискать в интернете версию для своей машины - хозяина (OS X), далее открыть окно с запущенным Windows XP в фоне (вашей гостевой машине).

VirtualBox

Ничего страшного если у вас нет диска с Windows поблизости. Microsoft опять же (хаки IE, условные комментарии) знает, что их браузер довольно уникальный и выпустили демо-копии их операционной системы, вмести с каждой версией Internet Explorer, включая IE6, найти это можно на сайте под названием modern.ie, специально созданный для настройки "виртуальных машин" (VM), чтобы проверять сайты.

Ну и теперь, вы можете либо пройти через весь болезненный процесс скачивая виртуальные машины с modern.ie, затем заняться их настройкой, или вы можете использовать очень полезный проект на GitHub под названием ievms. Напишите curl -s https://raw.githubusercontent.com/xdissent/ievms/master/ievms.sh | bash в вашем терминале и подождите. После нескольких минут ожидания, можно открыть VirtualBox и все виртуальные машины, которые были установлены и готовы к запуску.

Отлично!

Localhost

Теперь у нас появится проблема с доступом к файлам, который находятся на нашей машине - хозяине. К примеру, можно написать file:///Users/cory/Desktop/foo/index.html в Internet Explorer на гостевой машине и надеяться, что он знает, где это находится.

Чтобы это сделать, нам понадобится настроить локальный сервер для разработки и мне кажется, что самый простой способ сделать это - переместиться cd в папку проекта, с помощью терминала и затем ввести команду python -m SimpleHTTPServer. Теперь откройте localhost:8000 на машине - хозяине (OS X) и вы сможете увидеть сайт. Попробуйте открыть его в IE на гостевой машине, и он не будет работать, почему?! На гостевой машине нет запущенного Python, с работающим сервером. К счастью, вы можете заменить localhost:8000 на http://10.0.2.2:8000 и всё тут же начнёт работать.

Вы скорее всего уже знаете, что IE (особенно старые версии IE), смотрятся довольно бледно по сравнению с инструментами разработчика (DevTools) доступными в Chrome, но если поискать Firebug Lite и установить его в качестве закладки в панель избранных сайтов (Favorites Bar) IE, в этом случае, по крайней мере, в вашем распоряжении будут хоть какие-то средства отладки.

Firebug Lite

Когда закрываете виртуальную машину, можно "Сохранить состояние машины (Save Machine State)", (в данном случае, будет сохранено каждое окно, так как оно выглядело перед закрытием), или всегда можно выключить машину.

Заключение

Я действительно считаю, что это самый быстрый и эффективный метод проверить сайт в Internet Explorer на OS X. В качестве бонуса (если хотите испытать себя), попытайтесь ознакомиться с VirtualBox, попытайтесь настроить рабочую копию Ubuntu. Удачи!

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.