CSS кросс-браузерная совместимость в Ubuntu - PullRequest
6 голосов
/ 07 мая 2010

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

Итак, для всех CSS-гуру, как я могу продолжить работу со своей любимой Ubuntu и при этом предоставить качественную (проверенную) страницу.

Спасибо.

Ответы [ 7 ]

8 голосов
/ 07 мая 2010

Изменить:

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

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

Различные варианты, которые я пробовал, в том числе «окончательное решение»: бесплатные загружаемые ОС для тестирования Windows от Microsoft

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

browserlab.adobe.com

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

Browsershots.org

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

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

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

Удаленный доступ к рабочему столу в работающей коробке Windows

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

Окончательное решение с использованием virtualbox

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

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

Установка виртуальной машины из свободно распространяемых образов тестирования браузеров от Microsoft

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

Бесплатный доступ к виртуальным операционным системам, совместимым с браузером Microsoft, шаги по установке для Ubuntu

http://ubuntuforums.org/showthread.php?t=1097080 (Ред .: я больше не могу найти эту тему в сети)

HOWTO: запустить IE6, IE7, IE8 в Linux в VirtualBox Вам нужны: virtualbox, qemu, вино

Код: apt-get установить virtualbox qemu вино

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

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

Превратить образ (ы) VPC в (a) образ (ы) VMWare (который доступен для чтения VirtualBox): qemu-imgconvert -f vpc image.vhd -O vmdk image.vmdk

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

Исправление BSOD:

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

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

Код: sc config start процессора = отключено (обратите внимание на пробел между '=' и 'отключено'!)

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

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

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

Создать ISO-файл, содержащий драйверы.Я использовал Brasero для простоты.Выберите, чтобы создать проект данных, добавить ZIP-файл (или разархивированные файлы, сохраняет ваш шаг в Windows), создать ISO.Не нужно записывать реальный компакт-диск!

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

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

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

5 голосов
/ 07 мая 2010

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

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

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

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

1 голос
/ 10 мая 2011

Я не хотел устанавливать все это, так как хотел быстро двигаться вперед.

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

http://www.hens -teeth.net / HTML / Продукты / cross_browser_testing.php

Если у вас уже есть аккаунт AWS, это займет у вас всего 5 минут. Убедитесь, что вы включили порт RDP для входящего трафика в вашей группе безопасности.

Поскольку я использую Ubuntu, я искал способ подключиться к нему с MS Win. Я подключаюсь к ним через удаленный рабочий стол. Путь здесь - rdesktop , утилита командной строки для удаленного рабочего стола Windows. (sudo apt-get install rdesktop)

Если вы чувствуете, что используете графический интерфейс, используйте tsclient . Это очень близко к версии Windows.

С точки зрения рабочего процесса я сначала разрабатываю для Chrome в Ubuntu, а затем загляну в другие браузеры через browserlab.adobe.com. После этого я запускаю отладку моего нового экземпляра AWS.

Небольшой экземпляр AWS для Windows стоит 0,12 доллара в час (http://aws.amazon.com/ec2/#pricing). Я могу над этим поработать надолго, пока не стоит установить все эти вещи.

1 голос
/ 07 мая 2010

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

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

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

1 голос
/ 07 мая 2010

Я не пробовал это в Ubuntu или где-нибудь еще, кроме Windows - но это, похоже, довольно хорошая система тестирования в Интернете.

http://spoon.net/browsers/

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

1 голос
/ 07 мая 2010

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

0 голосов
/ 07 мая 2010

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...