Перекрестная совместимость браузера CSS на Ubuntu

Я в настоящее время работаю в веб-разработке, и моим рабочим столом по умолчанию является Ubuntu, и я довольно доволен установкой и приложениями, я начал. Но я должен протестировать веб-страницы на перекрестную совместимость браузера все еще будучи на Ubuntu. Я прошел ад, пытающийся заставить IE7 или IE8 (с вином) работать на человечности и когда они наконец работали, они были очень ошибочны, и графика/прокрутка была безумно медленной. Конечно, существует опция виртуального поля, но снова, слишком много GBytes только для запуска небольшого приложения!

Таким образом всем гуру CSS там, то, как я могу продолжить свою любимую Ubuntu и все еще обеспечить хорошее качество (протестировало) страницу.

Спасибо.

7
задан bhefny 7 May 2010 в 15:57
поделиться

6 ответов

Edit:

Обновление для свежести: Теперь я использую платный сервис от browserstack.com для обеспечения множества различных сред тестирования браузеров через флеш-туннелирование. Я платный пользователь, но есть начальный бесплатный пробный период. browserstack избавил меня от необходимости запускать операционную систему windows на моих машинах в любой форме, в виде виртуального образа или иным образом. Поскольку он также позволяет туннелирование, я могу разместить сайт на своей локальной машине, но при этом тестировать его в браузерах browserstack. Я считаю, что деньги за ежемесячную плату очень хорошо потрачены".

Конец редактирования

Различные варианты, которые я пробовал, включая "окончательное решение": бесплатные загружаемые ОС для тестирования windows от microsoft

Я пробовал несколько вариантов ниже, но virtualbox может быть вашим лучшим выбором для полного и всестороннего тестирования, особенно потому, что в профессиональном качестве вам часто приходится тестировать ie8, ie7 и ie6. Что становится сложным при наличии только одной установленной ОС. Итак, в порядке от самого простого и поверхностного тестирования к самому сложному и полному:

browserlab.adobe.com

  • Более новое, интересное онлайн решение: browserlab.adobe.com. По сравнению с browsershots он очень специфичен и быстр. Оно дает только скриншоты, но это отличный первый шаг. Поэтому я рекомендую его для чисто визуального (и, следовательно, относительно поверхностного) тестирования.

Browsershots.org

  • И хотя browsershots.org также является тем, что вы должны использовать для обзора того, что могут увидеть пользователи, вы действительно не можете обойтись без реальных браузеров для тестирования javascript и поведения (вместо простого тестирования отображения и рендеринга, которое обеспечивает browsershots). Задержка перед тем, как вы сможете увидеть изображения, также убийственна.

Двойная загрузка в windows

  • Еще один способ, который я пробовал - двойная загрузка, я работаю 99% своего времени в ubuntu, и у меня есть установленная и доступная windows для двойной загрузки. Это не быстрый способ тестирования, но если у вас нет другого способа получить доступ к ie, он должен работать, по крайней мере, для последней версии.

Удаленный рабочий стол на работающей машине windows

  • Прежде чем я упомяну вариант "покрыть все базы", еще одна полезная возможность - установить машину windows, загрузить ее и подключиться к ней через удаленный рабочий стол, чтобы вы могли работать с одной машины и тестировать с обеих.

Последнее решение - использование virtualbox

  • Наконец, мать всех решений - использование virtualbox:

К счастью (я знаю, вы сказали, что вам не нравится решение virtualbox, и я знаю, что это раздражающий процесс установки, но...) Microsoft предоставляет доступные в течение года или более дистрибутивы виртуальных машин с различными версиями ie, предварительно установленными, доступными без необходимости лицензии в течение года или около того, прежде чем вам придется обновлять виртуальную машину, @ http://www.microsoft.com/downloads/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF&displaylang=en

Установка virtualmachine из свободно распространяемых образов тестирования браузеров microsoft

Поскольку это руководство по установке на ubuntu больше нигде не доступно в полном объеме, на случай, если оно действительно понадобится вам или кому-то еще, я чувствую себя вынужденным включить фактические детали процесса установки, которые были предложены мне на форумах ubuntu и работали, когда я проходил через них. Прошу прощения за их длину. Любезно предоставленный анонимным автором оригинала на форумах ubuntu:

Free Access to Microsoft Browser Compatibility Virtual OSes, Install Steps for Ubuntu

http://ubuntuforums.org/showthread.php?t=1097080 (Ed: I can't find this thread online any more)

HOWTO: run IE6, IE7, IE8 on Linux in VirtualBox Вам понадобится: virtualbox, qemu, wine

Код: apt-get install virtualbox qemu wine

Скачайте бесплатный(!) Microsoft Internet Explorer Application Проверка совместимости Образы VPC здесь: http://www.microsoft.com/downloads/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF&displaylang=en (Примечание: вам не обязательно скачивать полный пакет, вы можете выбрать определенные комбинации XP/Vista и IE6-8)

Извлеките образ(ы) VPC с помощью wine (двойной щелчок). (Примечание: может потребоваться некоторое время, прежде чем появится первое окно )

Превратите образ(ы) VPC в (а) VMWare образ(ы) (который может быть прочитан VirtualBox): qemu-img convert -f vpc image.vhd -O vmdk image.vmdk

Установите новую ВМ в VirtualBox, используя образ vmdk в качестве существующего диска. Загрузите ее, вы увидите индикатор загрузки Windows индикатор прогресса и ... вскоре после этого произойдет BSOD вскоре после этого.

Устранение BSOD:

BSOD вызван тем, что виртуальная Windows пытается загрузить процессор драйверы для неправильного процессора (он работает не на VirtualPC proc, а на VirtualBox proc). Или что-то вроде это... Нам нужно заставить Windows не пытаться загрузить драйверы для процессора (ему не нужны никакие proc драйверы, потому что все это виртуально в любом случае). Запустите безопасный режим, нажав (неистово) нажать F8 в Windows и выберите безопасный режим.

Проигнорируйте все обнаруженные предупреждения "Новое оборудование предупреждения (с ними мы разберемся позже). Запустите командную строку и выполните следующую команду, чтобы отключить загрузку драйверов процессора:

Код: sc config processor start= disabled (обратите внимание на пробел между '=' и 'disabled'!)

Перезапустите виртуальную Windows, она должна теперь загрузиться до Windows Desktop.

Теперь, когда вы думаете, что можете начать просматривать веб-страницы с помощью IE, вы обнаружите, что виртуальной Windows необходимо установить драйверы для AMD PCnet NIC, которые находятся на установочном диске Windows. К счастью, для тех, у кого нет установочного диска Windows есть другой способ :)

Скачать драйверы AMD PCnet можно здесь: http://www.amd.com/us-en/ConnectivitySolutions/ProductInformation/0,,50_2330_6629_2452%5E2454%5E2486,00.html

Make an iso file containing the драйверы. Я использовал Brasero для простоты. Выберите создать данные Project, добавьте zip-файл (или разархивированные файлы, что экономит шаг в Windows), создайте iso. Нет необходимости записывать настоящий компакт-диск!

Остановите виртуальную Windows, отредактируйте настройки в VirtualBox: смонтируйте ваш новый iso.

Запустите виртуальную Windows, когда она попросит установить драйверы для PCnet, укажите ему на (разархивированные) драйвера. И вуаля! У вас есть внутренняя сеть! (Теперь вы также можете попробовать установить другие драйверы, на которые он жалуется но в этом нет необходимости)

В README образа сказано, что срок действия образа истечет примерно через год. По моему опыту, система не выдерживает многочасового использования, но все еще пригодна для таких коротких периодов, которые могут понадобиться при загрузке для тестирования веб-сайта. В худшем случае вам, возможно, придется пройти эти шаги снова, так что не забудьте положить их куда-нибудь, где вы сможете найти их снова через год или около того.

8
ответ дан 6 December 2019 в 11:46
поделиться

Я не пробовал это на Ubuntu или на чем-либо кроме windows - но это кажется довольно хорошей системой тестирования через веб.

http://spoon.net/browsers/

однако, я думаю, что лучшим результатом будет использование виртуальной машины, если это возможно.

1
ответ дан 6 December 2019 в 11:46
поделиться

Я должен добавить свой голос к тем, кто выбирает VirtualBox.

Виртуальные машины - единственный способ получить точное представление о поведении платформ IE. Они также позволяют защитить вашу основную установку Linux от мусора WINE и IE, который в противном случае всегда был бы проблематичным и хрупким. (Особенно, если вы пытаетесь запустить несколько IE, что ненадежно и неточно даже под Windows).

Они не обязательно такие большие, если вы позаботитесь об удалении ненужных функций, отключите подкачку, сожмите образ диска и так далее. Размер моего тестового изображения XPSP3 составляет чуть более 800 МБ.

1
ответ дан 6 December 2019 в 11:46
поделиться

CrossBrowserTesting.com работает из Linux. Позволяет получить доступ к конфигурациям Mac, Windows и Ubuntu и всем загруженным на них браузерам через vinagre vnc клиент.

0
ответ дан 6 December 2019 в 11:46
поделиться

Я думаю, что настройка виртуальной машины (Virtualbox, VMWare или ...) с подходящей Windows будет вашим единственным (локальным) вариантом.

Если у вас его нет, купите подержанную лицензию Windows XP. XP дешевый (например, около 20-30 евро здесь, в Германии), и все соответствующие версии IE работают на нем. Достаточно домашнего издания. Нет необходимости в Windows 7 или чем-либо еще.

Вы можете установить IETester на нем, чтобы получить все версии IE на одной ОС. IETester имеет недостатки и не всегда на 100% надежен в том, что он отображает, но для общей проверки совместимости с CSS это должно быть нормально.

Я никогда не пробовал IE с использованием Wine, но даже пытаясь представить комбинацию, у меня мурашки по коже: D

5
ответ дан 6 December 2019 в 11:46
поделиться

Если у вас есть копия Windows, которую вы можете установить на виртуальной машине ( Virtualbox - хороший бесплатный вариант). Или, если вы не возражаете против длительной задержки и публичного раскрытия ваших веб-страниц, вы можете использовать такую ​​службу, как BrowserShots .

1
ответ дан 6 December 2019 в 11:46
поделиться
Другие вопросы по тегам:

Похожие вопросы: