Как Вы тестируете свой веб-UI, чтобы видеть, представляет ли он однородно через различные браузеры?

Вручную?

Я не вижу альтернативу, если Вы хотите строгое тестирование. Просто установите как можно больше различных браузеров и теста во всех них. Конечно, это включает различные версии большинства популярных браузеров, и необходимо проверить Windows, Linux и Macintosh.

Позвольте мне рекомендовать browsershots, где можно утверждать, что страницы и они представили во множестве браузеров с различными вещами набор на или от такого как Flash и JavaScript. В конце дня Вы все еще захотите установить FF, IE6-8, Opera и Safari/Chrome для тестирования вручную. Кроме того, если у Вас есть друг с Mac (или ПК при использовании Mac), заставляют их тестировать в Safari также, поскольку я лично нашел различия в способе, которым они оба представляют ту же страницу.

Я также рекомендовал бы, чтобы Вы разработали главным образом в Firefox и регулярно проверяли его в IE6, как Вы работаете. IE6 является тем, который главным образом завинтит поэтому, если он будет работать в обоих, которые он, более вероятно, будет работать всего.

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

Если Вы просто хотите видеть, корректно ли расположение, просто добавьте свой сайт на BrowserShots.org и посетите позже для наблюдения снимков экрана.

Если Вы захотите протестировать функциональность (JavaScript, то и т.д.) затем необходимо будет протестировать вручную.

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

Есть только несколько браузеров, которые вам нужно протестировать, поскольку некоторые используют общий движок рендеринга ( Gecko или Webkit ). Не объясняя, что и почему, вот текущая мудрость (2009 г.):

1. Создайте свой сайт, используя Firefox или Opera (на любой платформе). Кстати, Opera использует собственный движок Presto;
2. Протестируйте то, что из вышеперечисленного вы не использовали.
3. Подтвердите (X) HTML и CSS (важно!).
4. Протестируйте его в> = IE7 и обратите внимание глюки, если таковые имеются.
5. Используйте условные комментарии в отдельных таблицах стилей для каждой версии IE - никогда не используйте CSS-хаки как они » будет устаревшим.
6. Протестируйте в IE <7, если хотите, и сделайте то же самое, или используйте условные комментарии, чтобы попросить пользователей (вежливо) обновить свою версию IE.
7. Протестируйте в Safari (Webkit).
8. Не тестируйте в Chrome, у вас уже есть прокси (Webkit)!
9. Не тестируйте в IE для Mac - общий ресурс слишком мал и он больше не обновляется.

Наконец, попробуйте увеличить текст в Firefox, Opera, IE и Safari. В Opera также есть ручной режим эмуляции для мобильных телефонов.

Теперь вы покрыли (теоретически предположение) 99,9% настроек браузера. Если вы используете OS X или Linux, вы можете запускать Windows в виртуальной среде, такой как Parallels или Wine . Судя по всему, у Wine также есть двоичный файл Windows, но я не смог его найти. Внимание: вы должны быть уверены, что ваша виртуальная среда позволяет IE читать условные комментарии.

На практике я считаю, что если сайт имеет действующий код и работает в Firefox, Safari и Opera, то, вероятно, в IE7 все будет нормально. Единственный недостаток HTML / CSS - это обработка IE ' haslayout '. Если у вас нет браузеров, BrowserStack - отличный сервис онлайн-тестирования.

Наконец, если вы используете Javascript, вам придется пройти через аналогичный процесс, проблема заключается в том, что В этой быстро развивающейся области новые версии некоторых браузеров обрабатывают Javascript все более эффективно, поэтому функции в старых версиях могут выйти из строя или незаметно выйти из строя.