Как я могу увидеть, как выглядит мой веб-сайт в разных браузерах?
Как я могу видеть, как выглядит мой веб-сайт в разных браузерах?
Если у вас не установлена какая-либо другая версия браузера, есть ли какой-либо инструмент или услуга, которые могут предоставить предварительный просмотр?
13 ответов
-
http://browsershots.org/ (онлайн-сервис).
-
http://www.browsera.com/ (онлайн-сервис, а не бесплатно).
-
http://crossbrowsertesting.com/ (он-лайн сервис, а не бесплатно).
-
http://www.multibrowserviewer.com/ (виртуализированные веб-браузеры, а не бесплатно).
-
http://www.browserseal.com/ (виртуализированные веб-браузеры, а не бесплатно).
-
Multi Browser vmWare Appliance:http://www.vmware.com/appliances/directory/335/
BrowsersShots и BrowserLabs - это то, что я могу думать о моей голове. Я думаю, что есть еще кое-что, что я использовал, но я не могу вспомнить имя прямо сейчас.
Изменить: К сожалению Adobe завершает работу над проектом BrowserLab еще в 13 марта 2013 года.
LitmusApp - новый игрок в этой области. Их текущим важным добавлением стоимости является тестирование клиентского ПО (33 клиента, включая мобильный), но они также выполняют «в облачном» браузере, проверяя до 24 браузеров. Фактически, тестирование браузеров было их первым продуктом, и оно по-прежнему доступно независимо через щелочные инструменты .
Я регулярно использую щелочь. Это очень приятно.
Самое лучшее в этом: вам не нужно владеть или устанавливать любые из браузеров, которые вы хотите протестировать. Они заботятся обо всем этом и дают вам скриншоты браузера, работающего на реальной системе в изоляции. Будучи страшным человеком сисадмина, это идеальное решение.
Это неплохо: http://browsershots.org/
Посмотрите, как он выглядит в разных браузерах и разрешениях. Нужно быть в Интернете.
Я очень рекомендую тестировать IE в IETester , , который доступен здесь . Он легкий, быстрый, точный и поддерживает все IE с 5.5-up.
Локальные браузеры дают вам больше гибкости. Если у вас есть интерактивный веб-сайт, на котором вам нужно нажать несколько кнопок для проверки, вы не можете проверить это с помощью изображения.
MS также имеет (как часть инструментария Expression) продукт под названием SuperPreview, который позволяет вам работать либо бок о бок, либо накладываться на интерактивную версию вашего сайта во всех версиях IE и последней версии Firefox .
Он также включает доступ к веб-службе, которая показывает вам, как выглядит ваш сайт в Safari на Mac, - это создаст образ вывода, но также использует файл метаданных, который позволяет вам видеть, какие части разметки сгенерировал части изображения, поэтому он все еще достаточно мощный.
Это одна из основных причин для разработки на компьютере Apple. Используя VMWare Fusion или другое программное обеспечение эмуляции, это единственный компьютер, на который вы можете законно установить все основные операционные системы.
Затем вы можете протестировать фактические браузеры в реальных операционных системах, не полагаясь на внешние источники, чтобы выполнять свою грязную работу для вас, где вы можете использовать собственные средства отладки для исправления /диагностики любых ошибок.
http://www.browsercam.com/ (онлайн, а не бесплатно) - это еще один.
Использование предварительного просмотра для общего дизайна является хорошим, но не забудьте также проверить поведение вашего сайта. Это особенно полезно, если вы используете множество эффектов зависания, ajax или java-скрипта, которые вы не видите на картинке.
Я использую VmWare с разными виртуальными машинами с самыми важными браузерами, установленными отдельно.
Если вы используете Windows 7 Ultimate, я могу обратиться к учебник с Virtual PC и Xp Mode, который является решением для запуска различных версий IE на одном хосте .
Вы можете проверить поток на StackOverflow: Тестирование веб-сайта на мобильных устройствах браузеры .
Я использовал http://www.browserstack.com/ несколько раз, он действительно работает хорошо удивленный, никто не упомянул об этом.