СОДЕРЖАНИЕ

1. Which browsers have to be tested?
   • Rules of thumb: Which browsers should be included?
2. Preparation
   • Windows XP
   • Windows 7+ (для IE9 +)
   • Browser downloads
     • Internet Explorer
     • Fire Fox
     • Опера
     • Хром
     • Сафари
     • Adobe Flash Player
   • Скачать сводку
3. Песочница
   
   Часть 2. Установка и настройка
4. Internet Explorer
5. Fire Fox
6. Опера
7. Хром
8. Сафари
9. Инструменты разработчика (и ярлыки)
10. Measured set-up time and disk space
    • Time needed per browser (install & config)
11. Optimal usage
    • Homepage at http://10.0.2.2:8888/

1. Какие браузеры нужно тестировать?

Статистика быстро устаревает. По этой причине я ссылаюсь на долю использования веб-браузеров в Википедии и следующие сайты для получения последней информации о версии браузера. Каждый сайт снабжен кратким руководством по использованию.

• Могу ли я использовать - таблицу использования браузера, основанную на данных из StatCounter и других источников.
• StatCounter - Статистика: версия браузера | Период времени: последний месяц ^{снимке экрана} .
• W3Counter - просмотр заархивированных отчетов: January 2012 (выберите последний месяц). ^{снимке экрана} .
• Wikimedia - перейдите вниз, чтобы открыть последний отчет SquidReportClients.
• Clicky - этот сайт предлагает статистику для отдельных версий ^{снимок экрана}.

Эмпирические правила: какие браузеры следует включить?

• Firefox: последняя версия Выпуск ESR + последняя стабильная основная версия. ^{Примечания к выпуску | Для разработчиков | График быстрого выпуска}
• Opera: 12.x + Последняя стабильная версия. ^{История версий}
  Начиная с Opera 15, Opera использует то же движок как Chrome. Однако довольно много пользователей все еще используют Opera 12 (когда была выпущена Opera 15, UX значительно изменился).
• Safari: 5.1.7 (Windows) + последняя версия. ^{Примечания к выпуску}
  К сожалению, Apple отказалась от поддержки Windows, поэтому вам нужно получить Mac или запустить OS X на виртуальной машине для тестирования страниц в Safari.
• Chrome: последняя стабильная версия. ^{Примечания к выпуску}
• Internet Explorer: IE8 +. ^{История функций}
  На самом деле это зависит от ваших клиентов. В этом руководстве рассказывается, как получить IE6 и 7, но эти браузеры уже мертвые или почти мертвые. IE8 - последняя поддерживаемая версия Internet Explorer в Windows XP, которая все еще широко используется.

Замечание

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

Если вам не нужна слишком большая гибкость и вы хотите быстро протестировать страницу, я рекомендую взглянуть на BrowserStack.com. После регистрации вы можете получить 30-минутную бесплатную пробную версию, которая предоставит вам доступ к большому количеству настольных и мобильных браузеров прямо в вашем браузере.

2. Подготовка

Перед настройкой машины загрузите все необходимые файлы (см. «Обзор загрузки» в конце этого раздела). Все файлы будут предоставлены виртуальной машине через общую папку ^{Что? Как?}.

• Программное обеспечение для виртуализации (рекомендуется VirtualBox, оно бесплатно даже для коммерческого использования. Приведенные ниже инструкции написаны с использованием VirtualBox в виду.)
• Windows XP
  • Download the IE6 XP image for VirtualBox from the modern.IE website. Extract the .ova file inside and run it to import it into VirtualBox. (Images are also available for other virtualization products such as VMware, Parallels, Virtual PC and Hyper-V)
    • IE6 XP image for VirtualBox on Windows ^{about 764MB}
    • Образ IE6 XP для VirtualBox на Mac ^{около 717 МБ}
    • Образ IE6 XP для VirtualBox в Linux ^{около 771 МБ}
  • Preparing the image for use:
    • VirtualBox settings: Enable the network adapter, but do not connect the VM to a real network.
    • Настройки VirtualBox: создайте общую папку, доступную только для чтения. Эта папка будет использоваться для передачи данных между ОС хоста и гостевой ОС.
    • Запустите net use x: \\vboxsvr\WinShared (предполагается, что общая папка называется WinShared. Это привяжет сетевой каталог к ​​x: диску).
    • Необязательно: установите AntiWPA., чтобы отключить проверку активации, если вы будете использовать изображение более 30 дней.
    • Необязательно: Отключите файл подкачки (Компьютер> Свойства> Дополнительно> Производительность> Дополнительно> Виртуальная память> Изменить> Без подкачки> Установить [подтвердить]).
    • Необязательно: отключите ненужные службы через Start > Run > services.msc
      Упорядочьте строки по столбцу Startup Type и переключите все" автоматические "службы на" ручные ", согласно изображению. Когда вы хотите установить пакет MSI, запустите net start msiServer («Установщик Windows»):
      
    • Необязательно: Отключить мастер очистки рабочего стола: Desktop > Properties > Desktop > Customize Desktop > Disable "Desktop Cleanup wizard every 60 days"
    • Необязательно: установите и настройте Sandboxie (используется для запуска IE7 и IE8 на одной виртуальной машине IE6).
    • Необязательно: установите CCleaner, запустите его, чтобы настроить и удалить ненужные файлы.
    • Необязательно: установите 7-Zip (используется для нескольких Chrome).
    • Выключите систему через гостевую ОС (WinXP).
    • Настройки VirtualBox: подключите виртуальную машину к реальной сети.
      (Только Internet Explorer требует подключения к Интернету во время установки)
    • Необязательно: создайте моментальный снимок вашей виртуальной машины, чтобы вы могли восстановить его, если на следующем шаге что-то не так.
• Windows 7+ (for IE9+)
  • Download pre-built virtual machine images from the modern.IE website.
    These images are time-bombed, they expire 30 days after first use. When the images are expired, they shut down after an hour of use. If you do not wish to re-create the images every time, change the hardware clock of your VM before activating the image.
    In VirtualBox, for example, you can use VBoxManage modifyvm NAME_OF_VM --biossystemtimeoffset +3600000000 to set the time to 1000 hours in the future (use minus if you want to set it to some point in the past).
• Browsers downloads
  • Internet Explorer:
    • Recommended method if you want IE 6-8 on a single machine:
      • Requires Sandboxie (I recommend paying for the full version, or look on YouTube).
      • IE6 - предустановлен на виртуальной машине XP
      • IE7 и IE8 автономный установщик
      • Панель инструментов разработчика Internet Explorer (информация о выпуске) (для IE6 + 7)
    • IE9 + - используйте готовые изображения из modern.IE).
  • Firefox:
    • Profile Manager ^{To easily manage multiple profiles}
    • Загрузите последнюю версию с Mozilla.org.
    • Загрузите старые версии с ftp.mozilla.org (если вы интересует только последние старые версии, см. releases.mozilla.org) .
    • или используйте Utilu Mozilla Firefox Collection.
  • Opera:
    • Download any Opera version from Opera.com.
  • Chrome:
    • Download 7-zip to extract Chrome installers.
    • Загрузите определенную версию с FileHippo.com. Убедитесь, что вы выбрали зеркало "FileHippo", чтобы получить архивную версию. В противном случае вы будете перенаправлены на последнюю версию с серверов Google.
  • Safari:
    • Download the latest version from Apple.com.
    • Загрузите другие версии с Oldapps.com.
  • Adobe Flash Player
    • Download version 10.3^{3 MB} if flash has to work in IE6. Otherwise, download the latest version.
    • Загрузите последнюю версию подключаемого модуля для других браузеров.

Скачать сводку

Для удобства рекомендуется разместить все установочные файлы в общей папке. Вот краткий (полный) список всех необходимых файлов (упорядоченных по шагам):

• Образ IE6 XP для VirtualBox в Windows ^{около 764 МБ}
• Образ IE6 XP для VirtualBox на Mac ^{около 717 МБ}
• Образ IE6 XP для VirtualBox в Linux ^{около 771 МБ}
• AntiWPA ^{24 КБ; ложные срабатывания; md5: e5a14c47e9c26e78fccb22ee71fedd51}, CCleaner ^{3,5 МБ}, Sandboxie ^{2,3 МБ}
• Браузеры (Firefox + Менеджер профилей, Opera, Chrome, Safari)
  установщики IE7 XP и IE8 XP можно загрузить здесь: IE7, < a href = "http://download.microsoft.com/download/C/C/0/CC0BD555-33DD-411E-936B-73AC6F95AE11/IE8-WindowsXP-x86-ENU.exe" rel = "noreferrer"> IE8 < / а>
• 7-zip ^{1,1 МБ} для извлечения установщиков Chrome.
• ActiveX 10.3 для IE6 +, последняя версия подключаемого модуля для других браузеров.
• панель инструментов разработчика IE для IE6 и 7 ^{626 КБ}

3. Песочница

Sandboxie - это легкий инструмент, который запускает приложения в песочнице. Его также можно использовать для установки нескольких версий IE / Safari на одном компьютере с Windows.

• Загрузить: http://sandboxie.com/index.php?DownloadSandboxie
• Патч: расширенная версия требуется для одновременного включения нескольких песочниц. Заплатите им или посетите YouTube.
  Для одновременного запуска нескольких версий IE / Safari требуется расширенная версия. Если вы не возражаете против тестирования одной версии IE / Safari за раз, стандартной версии будет достаточно.
  
  После установки:
• Отключить советы: «Настроить> Советы> Скрыть все советы».
• По умолчанию изолированные приложения отображаются желтой рамкой. Если вам это не нравится, перейдите в Настроить базу: «Песочница> Окно по умолчанию> Настройки песочницы> Внешний вид».
  
  Для каждой новой версии IE / Safari необходимо выполнить следующие шаги:
• Создать: «Песочница> Создать новую песочницу» - введите имя, например «IE8», и подтвердите.
• Установить: «IE8> Запустить в изолированной среде> Запустить любую программу»
  Выберите нужный установщик и нажмите OK.
• Ярлык: по завершении установки используйте «IE8> Просмотреть содержимое», найдите двоичный файл и создайте ярлык приложения на рабочем столе.

Все изменения файлов / реестра в изолированной программной среде сохраняются в C:\Sandbox. Приложения в этом каталоге по умолчанию запускаются в изолированной программной среде. Другие программы можно легко запустить в изолированной программной среде через контекстное меню: «Запустить изолированную программную среду» или «Отправить в> Sandboxie> IE8».

Очистка с помощью CCleaner: запустите CCleaner в основной среде, а затем в отдельных песочницах.

Перейдите к: Часть 2

Содержание части 2 (перейдите по адресу: часть 1)

4. Internet Explorer
5. Firefox
6. Opera
7. Chrome
8. Safari
9. Инструменты разработчика (и ярлыки)
10. Измеренное время настройки и дисковое пространство
Время, необходимое для каждого браузера (установка и настройка)
11. Оптимальное использование
Домашняя страница на http://10.0.2.2:8888/

Установка и настройка

Советы по настройке браузера:

• Домашняя страница
• Отключите проверку: «Браузер по умолчанию» и «Обновления».
• Активировать инструменты разработчика

4. Internet Explorer.

Windows 7 не позволяет запускать старые экземпляры IE ^{, но см. Примечание ниже}. Вот почему нужна виртуальная машина Win XP.

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

• IE6 - установлен по умолчанию в WinXP
• IE7 / IE8 - Установить в Sandboxie (WinXP)
• IE9 + - получите готовые образы виртуальных машин Windows из modern.IE веб-сайт.
  Срок действия этих изображений истекает через 30 дней после первого использования. Когда срок годности изображений истек, они отключаются через час использования. Если вы не хотите заново создавать образы каждый раз, измените аппаратные часы вашей виртуальной машины перед активацией образа.
  Например. Если вы используете VirtualBox, запустите терминал и введите следующую команду (замените имена с заглавной буквы на что-нибудь разумное):
  VBoxManage modifyvm NAME_OF_VM --biossystemtimeoffset <OFFSET IN MS, prefixed by plus or minus>

Полностью автономные установщики для IE6 (и даже IE5.5) доступны на этом сайте .

Для IE6 и IE7 должна быть установлена ​​панель инструментов разработчика Internet Explorer. . IE8 + имеет встроенные инструменты разработчика F12.

Конфигурация

• Запустите настройки IE6: домашняя страница, безопасность, файлы cookie, браузер по умолчанию.
• IE7: избавьтесь от страницы первого запуска через реестр (IE7 Sandboxie). См. этот пост на форуме Microsoft TechNet.
• IE8: избавьтесь от диалогового окна «Настройка Windows Internet Explorer 8». Это можно сделать, запустив IE8 и нажав «Позже» или изменение реестра.

Фактически возможно запустить IE6-8 в Windows 7 через виртуализацию приложений. VMWare ThinApp отлично работает, но для его настройки требуется значительно больше времени, так как вам нужно захватывать установка Internet Explorer. Также программный пакет очень дорогой (кейгены есть в свободном доступе, но неэтично).

5. Firefox

Вариант 1 (ленивый):
Utilu Mozilla Firefox Collection. Этот инструмент содержит установщики для всех версий Firefox (200+ МБ). Firebug, панель инструментов веб-разработчика и Flash также включены.

Вариант 2:
Можно легко установить и запустить несколько версий Firefox одновременно.

1. Загрузить официальный Менеджер профиля.
2. Загрузите соответствующие версии Firefox со страницы http://releases.mozilla.org/pub/mozilla.org/firefox/releases/. Более старые версии можно найти на ftp.mozilla.org.
3. Установите каждую версию Firefox. Удобно выбрать один главный каталог («Firefox») и использовать номера версий в качестве имен подкаталогов («3.6»).
4. Extensions: Start the oldest Firefox version, and get your favourite extensions:
   • Firebug - A must-have for old Firefox versions. Not really needed for the latest Firefox versions, that have a nice set of built-in dev tools.
   • HttpFox - простой и эффективный инструмент для измерения HTTP-запросов.
   • Web Developer - чрезвычайно полезная панель инструментов для веб-разработки. Экономит много времени.
   • Console ² - улучшения встроенная консоль (Ctrl Shift> J).
5. Preferences: Tools > Options (Windows), Edit > Preferences (Linux)
   • General: Homepage
   • Безопасность: снимите флажок со всех настроек, кроме «Предупреждать меня, когда сайты пытаются установить надстройки».
     (Не забудьте просмотреть настройки предупреждающих сообщений, нажав кнопку внизу).
   • Advanced:
     • General:
       • Check for default browser: off
       • Отправлять отчеты о сбоях: отключено
     • Обновление: отключить все обновления
6. Очистка: закройте все вкладки, нажмите Ctrl Shift Del и проверьте все. Затем закройте Firefox.
7. Firefox' Profile Manager:
   
   • Duplicate each profile via the Copy option.
   • диалоговое окно ^{снимок экрана} открывается. Выберите подходящее имя (например, Firefox 3.6) и место назначения.
   • Используйте параметр Firefox version, чтобы выбрать версию Firefox по умолчанию для профиля.
   • Также установите флажок Start new instance [-no-remote], чтобы разрешить одновременную работу нескольких версий Firefox.
8. Finishing up
   • Use the Start Firefox button to start an instance of Firefox.
   • Дайте возможность выполнить проверку совместимости надстройки и при необходимости обновите ее.
   • Очистите кеш, историю и т. Д., Используя Ctrl Shift Del.
   • Повторите этот шаг для каждой версии Firefox.

Opera: список всех установщиков доступен на Opera.com.. Несколько версий можно без проблем установить бок о бок. Во время установки выберите «Выборочная» и другой каталог.
При установке также выберите использование одного и того же профиля для всех пользователей.

Важное предпочтение: Настройки> Настройки> Дополнительно> Безопасность> Не проверять наличие обновлений.

Примечание. Opera 15+ использует тот же механизм рендеринга и JavaScript, что и Chrome.

7. Хром

Chrome: автономные установщики можно загрузить из File Hippo.
Также можно запускать несколько версий Chrome одновременно.

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

1. Загрузите нужные версии из File Hippo.
2. Создайте основной каталог, например C:\Chrome\.
3. Извлеките установщик (= без установки), используя 7- Например, Zip.
   После распаковки создается chrome.7z архив. Также извлеките этот файл и перейдите по созданному каталогу Chrome-bin.
   Теперь вы видите chrome.exe и каталог, например 18.0.1025.45.
   Переместите chrome.exe в 18.0.1025.45, затем переместите этот каталог в C:\Chrome. Остальные файлы в Chrome-bin можно безопасно удалить.

4. Создайте ярлык для каждой версии:

   "C:\Chrome\18.0.1024.45\chrome.exe" --user-data-dir="..\User Data\18" --chrome-version=18.0.1025.45
   

   Объяснение этого ярлыка:

   • "C:\Chrome\18.0.1024.45\chrome.exe" • This is the launcher
   • --user-data-dir="..\User Data\18" Профиль пользователя относительно местоположения chrome.exe. Вы также могли использовать --user-data-dir="C:\Chrome\User Data\18" для того же эффекта. Задайте свои предпочтения для самой низкой версии Chrome и продублируйте профиль пользователя для каждой версии Chrome. Старые версии Chrome отказываются использовать профили пользователей из новых версии.
   • --chrome-version=18.0.1025.45 • Location of binaries:
     • The location (eg 18.0.1025.45) must be the name of the directory:
     • Должен начинаться и заканчиваться числом. Между ними может появиться точка.
     • Номера не обязательно должны совпадать с реальным номером версии (хотя удобно использовать реальные номера версий ...).

Относительно конфигурации: все настройки могут быть установлены на chrome://settings/. Я обычно меняю домашнюю страницу и настройки «Под капотом».

• Отключите автоматические обновления: http://dev.chromium.org/administrators/turning-off-auto-updates

При большом количестве выпусков Chrome устанавливать все версии нецелесообразно. Я создал сценарий VB, который автоматизирует эти шаги, поэтому я могу просто сохранить установщики, а затем запускать сценарий всякий раз, когда мне нужно протестировать старую версию Chrome: https://gist.github.com/Rob--W/2882558

8. Сафари.

Примечание. Поддержка Safari в Windows прекращена. Последняя поддерживаемая версия Safari в Windows - 5.1.7; вам понадобится Mac или виртуальная машина OS X для тестирования ваших сайтов в новых версиях Safari.

Safari изначально не поддерживает несколько версии или профили пользователей бок о бок. Safari 4 близок к смерти, поэтому вам нужно протестировать только 5. *. Все версии Safari можно загрузить из старых приложений.

• Загрузите и установите Safari 5.0.
• Запустите Safari, установите свои предпочтения.
• Создавайте новую песочницу для каждой дополнительной установки.
  Важно сначала установить самую старую версию, чтобы профиль пользователя мог быть адаптировано более новыми версиями.
• Дополнительные сведения об установке в Sandboxie см. В разделах Sandboxie и Internet Explorer.

Инструменты разработчика должны быть активированы через Preferences > Advanced > Show Developer menu in menu bar. После установки Safari удалите Apple Software Updater с помощью Control panel > Add/Remove software.

9. Инструменты разработчика (и ярлыки)

• Internet Explorer
  • IE6 / IE7: Internet Explorer Developer toolbar
  • IE8 F12 Инструменты разработчика ^{Встроенные}
  • IE9 + F12 F12 Developer инструменты ^{Встроенные}
• Firefox
  • 3.6+ F12 Firebug (see addons.mozilla.org)
  • 4+ Ctrl Shift K Веб-консоль ^{Встроенная}
  • Все Ctrl Shift J Консоль ошибок ^{Встроенная} (расширяется с помощью Консоль ²)
• Opera
  • 9.5+ Ctrl Shift I Opera Dragonfly ^Built-in
  • 15+ Ctrl Shift J Инструменты разработчика Chromium ^{Встроенные}.
• Chrome
  • All Ctrl Shift J Chrome Developer Tools ^Built-in.
• Safari
  • 4+ Ctrl Alt C Safari Developer Tools ^Built-in. These tools are disabled by default. Enable it via Preferences > Advanced > Show Developer menu in menu bar.

10. Измеренное время настройки и дисковое пространство.

• Настройка базовой среды занимает 30 минут.
• Установка браузеров не требует много времени.
• В зависимости от количества браузеров их настройка может занять некоторое время.
  
  
• Setting up a WinXP VM with the browsers as listed in this guide + Opera 12 beta:
  • Size of downloads: 585MB
  • 12 браузеров
  • Использованное время: 1:09 час (32 минуты, чтобы добраться до IE)
  • Размер устройства: 1,1 г / импортированный размер: 2,2 г.
  • Подробный журнал: http://pastebin.com/R7WGPK99
• Setting up a huge WinXP VM for detailed browser compatibility tests:
  • 24 browsers
  • Использованное время: 2:15 часа
  • Размер устройства: 1,4 г / импортированный размер: 3,0 г
  • Журнал: http://pastebin.com/SJEgxNyr

Время, необходимое для каждого браузера (установка и настройка)

• Опера: 2 минуты
• Internet Explorer: 3 минуты *
• Сафари: 4 минуты *
• Firefox: 5 минут
• Chrome: 6 минут

* без учета времени на установку Sandboxie Sandbox (‹1 минута).

11. Оптимальное использование

Когда вы закончите установку, используйте CCleaner для очистки мусора, а затем:

• Экспортируйте устройство (это устройство можно сохранить в другом месте в качестве резервной копии).
• Удалите вновь созданную виртуальную машину
• Импортируйте устройство (эти шаги уменьшают размер файла виртуальной машины)
• Создать снимок (для использования в качестве контрольной точки)

С этого момента, когда вы закончите тестирование веб-страниц, выключите виртуальную машину и выберите «Восстановить снимок». Так ваша виртуальная машина будет опрятной и быстрой.

Домашняя страница на http://10.0.2.2:8888/

Гостевая ОС может получить доступ к ОС хоста по IP-адресу 10.0.2.2. К серверу, работающему на порту 8888, можно получить доступ в гостевой системе через http://10.0.2.2:8888/, даже если у хоста нет подключения к Интернету.

По этой причине рекомендуется установить http://10.0.2.2:8888/ в качестве домашней страницы.

Возможные варианты использования:

• Протестируйте одну страницу.
• Автоматически отображать определенную страницу в зависимости от открытого пользовательского агента (например, путем перенаправления).
• Возникновение: создайте скрипку в Chrome и протестируйте ее в Firefox.
• Делитесь текстом и ссылками.

Все предыдущее можно легко реализовать на простом сервере (например, я использовал Node.js).

Просто чтобы вмешаться, Microsoft недавно начала предоставлять бесплатную услугу под названием modern.IE:

modern.IE - это обязательство Майкрософт упростить кроссбраузерное тестирование браузеров Internet Explorer. Microsoft создала modern.IE, чтобы предоставить разработчикам и дизайнерам набор инструментов для облегчения тестирования браузера IE.

С modern.IE у вас есть два метода тестирования вашего сайта в IE. Во-первых, modern.IE предлагает вам три месяца бесплатного использования веб-службы тестирования браузера BrowserStack. Вам просто нужна учетная запись Facebook, чтобы войти в систему и начать тестирование.

Второй метод, предлагаемый modern.IE, - это виртуальный образ каждого браузера от IE 6 до IE 10, который можно запускать в программном обеспечении виртуализации, таком как VirtualBox, Virtual PC, Hyper-V или VMWare Player в Windows, Mac или Linux.

Кроме того, modern.IE также предоставляет инструмент, который сканирует вашу веб-страницу на предмет распространенных проблем с кодированием и перечисляет их, чтобы вы могли исправить, чтобы они отображались правильно во всех версиях IE.

Источник: modern.IE - Набор инструментов для кроссбраузерного тестирования IE

Примечание. Связанная статья была удалена. Теперь ссылки ведут к архиву страницы Wayback Machine.