6

Я проверил несколько ссылок, а также этот вопрос: https://stackoverflow.com/questions/2565505/whats-the-best-way-to-do-cross-browser-testing

Я пришел к выводу, что лучший способ провести кросс-браузерный тест на 100% - это виртуализация. Я создаю веб-сайт с адаптивным макетом, поэтому было бы хорошо, если бы я мог изменить размеры браузеров, чтобы скриншоты браузера не использовались.

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

И если все нужно установить отдельно, как мне получить ключи для всех установок Windows?

6 ответов6

9

Именно для этого Microsoft предоставляет бесплатные изображения IE App Compat VPC . У них есть образы для XP, Vista и 7 с IE 6, 7 и 8 соответственно. Установщики для более поздних браузеров включены в образ, чтобы уберечь вас от необходимости загрузки. Вы можете просто сделать снимок или клонировать изображения, чтобы установить другие браузеры, если вам нужно.

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

В зависимости от того, что вам нужно, этого может быть достаточно. В противном случае вам следует изучить подписку TechNet или MSDN.

Чтобы помочь веб-дизайнерам и веб-разработчикам тестировать свои веб-сайты в более старых версиях Internet Explorer, мы предоставили следующий виртуальный жесткий диск с Windows, настроенный с указанной версией Internet Explorer. Образы исправлены последними обновлениями безопасности и в остальном являются чистой установкой операционной системы с очень небольшим количеством модификаций.

Эта страница загрузки содержит различные изображения VPC, в зависимости от того, что вы хотите проверить. Эти образы специально предназначены для работы на Microsoft Virtual PC и могут работать или не работать в других средах хостинга.

5

Если вы готовы вложить немного денег, тогда вам стоит попробовать инструмент Browserstack. Они используют настоящие виртуальные машины на своем сервере, чтобы протестировать ваш сайт на настоящей виртуальной машине. Таким образом, вы можете использовать множество реальных виртуальных машин без каких-либо дополнительных ресурсов на вашем компьютере.

На этом сайте у вас есть возможность выбрать один из трех "планов", каждый из которых имеет свой прейскурант.

  1. Жить
    Таким образом, вы можете сделать интерактивное тестирование сайтов.
  2. автоматизировать
    Запустите Selenium и Javascript-тесты (дополнительная информация)
  3. Скриншоты и отзывы
    Создает скриншоты и показывает, как выглядит ваш сайт. (Скриншоты, отклики)

Я очень рекомендую "Live" -план. Потому что с этим вы можете протестировать его в интерактивном режиме, а не просто видеть скриншоты жестких веб-сайтов.

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

Сколько браузеров?
Есть много, много разных браузеров. Слишком много, чтобы перечислить их здесь. Посмотри на них.

Сколько операционных систем?
Здесь у вас есть список:

  • Windows XP
  • Windows 7
  • Windows 8
  • Mac OS X Lion
  • Mac OS X Mountain Lion
  • Mac OS X Snow Leopard
  • IOS
    • iPhone 3GS - iPhone 5S
    • Все iPad
  • Android
  • Opera Mobile

Локально-тестирование
Помимо обычного тестирования общедоступных веб-сайтов, вы также можете протестировать локальные:

  1. Протестируйте любой веб-сервер, работающий на вашем рабочем столе, промежуточную среду, частную внутреннюю настройку, записи в файле конфигурации хостов или даже общедоступный веб-сервер.
  2. Туннель к любой локальной серверной среде: Apache, IIS, MAMP, локальный Wordpress и т.д.
  3. Тестировать HTTP Secure (HTTPS) страницы.
  4. Создавайте одновременные туннельные соединения, когда ваше веб-приложение загружает контент с нескольких серверов, это полностью поддерживает статические файлы, обслуживаемые через CDN.
  5. Если в вашем веб-приложении есть дочерние домены, вы можете проверить их, настроив несколько туннельных подключений.
  6. Протестируйте локальные файлы дизайна (HTML, CSS, JS и т.д.) В наших удаленных браузерах без необходимости запуска веб-сервера.
  7. Высоконадежная настройка туннеля, обеспечивающая ограниченный доступ к вашим файлам только вам, на выделенной виртуальной машине. Подробнее читайте документацию по безопасности.

Источник

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

Предустановленные средства отладки
Уже установлено много различных инструментов отладки. Например Firebug и т.д. Если интересует список, нажмите здесь.

Не требуется установка
Поскольку Browserstack базируется на облаке, вам не нужно ничего устанавливать на свой компьютер.

мнения
Как я уже говорил, есть много положительных мнений.
Например, Microsoft нажала Browserstack, чтобы запустить Modern.IE

пробный
Возможно протестировать сервис с бесплатной пробной версией.

4

Если вы хотите, чтобы все было сделано правильно, вы должны сделать это сами.

Здесь есть несколько вещей, которые стоит учитывать - проверяете ли вы рендеринг или функциональность, и какие версии вы намереваетесь поддерживать.

Если вы хотите проверить функциональность, ничто не сравнится с виртуальной машиной - я бы предложил виртуальную коробку или рабочую станцию vmware, поскольку вы можете делать моментальные снимки или клонировать виртуальные машины в определенных состояниях - что проще, чем обновление, потому что вы случайно заменили старую установку IE6, установленную на XP, на IE7. Вы также можете клонировать из идеального / стандартного состояния теста.

Если вы хотите протестировать XP или лучше, официальные изображения MS находятся на modern.ie.Они должны покрывать спектр версий IE на окнах, если они работают, но срок их действия истекает, и нет никакого способа обойти это. Вам просто нужно раскрутить новую виртуальную машину, когда они это сделают.

Если вы хотите протестировать другие операционные системы, которые будут работать на обычном ПК, и вы используете virtualbox, vagrant - хороший способ автоматизировать установку - вы можете добавлять, удалять и удалять экземпляры виртуальной машины в значительной степени автоматически, используя ее команды.

Если вы хотите по какой-либо причине протестировать старые или необычные клиенты, раскрутите виртуальную машину с подходящей базовой ОС, вы можете отключить их от evolt, которая поддерживает фантастический репозиторий установщиков браузера (хотя по некоторым причинам и не Firefox) или oldversion, которая имеет общий репозиторий старого программного обеспечения.

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

Если вы просто хотите скриншоты - я бы использовал браузерные снимки - другие ответы охватывают это подробно

2

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

1

Существует много таких инструментов, бесплатных и коммерческих. Вот некоторые из наиболее известных.

Spoon.net
Эта песочница браузера поддерживает Chrome 30, Firefox 24, Firefox Mobile 5, Opera 16, Opera Mobile 12, Opera Mini 6, Safari 5, Internet Explorer 10, а также многие устаревшие браузеры.

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

Поддерживаются стандартные компоненты браузера, такие как Java-апплеты и элементы управления ActiveX, а также популярные плагины браузера, такие как Firebug, IE Developer Toolbar и консоли отладки CSS и JavaScript.

Браузер Снимки
Если у вас есть веб-сайт, вы можете использовать «Снимки браузера» для получения статических снимков экрана с URL-адресами в 130 браузерах, а также указывать размер экрана, глубину цвета и доступность JavaScript, Java и Flash.

Соус Лаборатории
Подобное предложение.

BrowserStack (коммерческий)
Мгновенный доступ к более чем 200 настольным и мобильным браузерам с различными версиями Windows, Mac и мобильных ОС. 3 месяца бесплатного тестирования.

Кросс-браузерное тестирование (коммерческое)
Аналогичное предложение, бесплатно 25 страниц в месяц.

Browsera (коммерческий)
Аналогичное предложение, 30 дней бесплатной пробной версии.

Некоторые инструменты совместимости Internet Explorer:
IETester (альфа-релиз)
Utilu IE Collection

См. Эту статью для более подробной информации:Обзор инструментов для кросс-браузерного тестирования.

-4

Я знаю, что я буду опущен, но вы слышали о spoon.net?

Не нужно работать с VM. Просто используйте spoon.net .. Загрузите любой браузер, любую версию, и вы готовы к работе. Родной браузер в твоих руках.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .