Як я можу побачити, як виглядає мій веб-сайт у різних браузерах?


46

Як я можу побачити, як виглядає мій веб-сайт у різних браузерах?

Не маючи фактично встановленої кожної різної версії браузера, чи є якийсь інструмент або послуга, яка може забезпечити попередній перегляд?

Відповіді:


38

2
Мені подобаються батьківські коментарі, хороша відповідь.
Ларрі Смітм'є

32

BrowsersShots і BrowserLabs - це те, про що я можу придумати верхній частині голови. Я думаю, що є ще щось, що я використав, але зараз не можу згадати ім'я.

Редагувати: На жаль, компанія Adobe закрила свій проект BrowserLab ще 13 березня 2013 року.


1
Просто переконайтеся, що за допомогою BrowserShots ви скасуєте вибір, а потім виберіть лише кілька бажаних (наприклад, IE6). Хто чорт використовує "Ділло" ?!
НевдоволенийGoat

10

LitmusApp - новий гравець у цій галузі. Їх основна додаткова вартість - це тестування електронної пошти для клієнтів (33 клієнти, включаючи мобільний), але вони також проводять "у хмарному" тестуванні браузера до 24 браузерів. Насправді тестування браузера було їх першим продуктом, і воно все ще доступне незалежно за допомогою лужного інструменту.

Я використовую лужний звичайно. Це досить приємно.

Найкраще в цьому: вам не доведеться володіти або встановлювати будь-який із браузерів, які ви хочете протестувати. Вони дбають про все це і дають вам скріншоти браузера, який працює в реальній системі у відриві. Я буду жахливою систематичною людиною, це ідеально.


так, вони є нашими друзями - вони також запускають doctype.com, який знаходиться в нижньому колонтитулі (хоча, швидше за все, незабаром)
Джефф Етвуд


6

Я настійно рекомендую тестувати IE в IETester , доступному тут . Це легкий, швидкий, точний і підтримує всі IE від 5,5-нагорі.


1
IETester дає хорошу інформацію про те, як виглядає ваш сайт у браузерах IE. Однак у нас були випадки, коли візуалізація IE6 відрізнялася від реальної системи рендерингу IE6.
Rickjaah

5

Налаштування веб-переглядачів дає вам більше гнучкості. Якщо у вас є інтерактивний веб-сайт, на якому для тестування вам потрібно натиснути кілька кнопок, ви не можете підтвердити це зображенням.


5

У MS також є (як частина інструментарію Expression) продукт під назвою SuperPreview, який дозволяє працювати або набік, або накладені інтерактивною версією вашого сайту у всіх версіях IE та останньої версії Firefox.

Він також включає доступ до веб-сервісу, який показує, як виглядає ваш сайт у Safari на Mac - це створить зображення виводу, але також використовує файл метаданих, який дозволяє бачити, які частини розмітки генерували, які частини зображення, тому він все ще досить потужний.


4

Це одна з основних причин розвитку на комп'ютері Apple. Використовуючи VMWare Fusion або інші програмні засоби для емуляції, це єдиний комп'ютер, на якому можна легально встановити всі основні операційні системи.

Тоді ви можете перевірити фактичні веб-переглядачі на власних ОС, не покладаючись на зовнішні джерела, щоб зробити вашу брудну роботу за вас, де ви можете скористатися нативними засобами налагодження для виправлення / діагностики будь-яких помилок.


Чому Apple? Ви також можете скористатися virtualbox.org на Linux або Windows ...
mbrochh

1
Чому Apple? Тому що ви не можете встановити OSX в Linux або Windows, не порушуючи Умов обслуговування.
Dan Gayle

1
Мені це здається трохи нерозумним, ви говорите, що однією з основних причин розвитку в Apple є те, що вам не дозволяється використовувати OSX на інших комп’ютерах.

Якби я міг законно запустити Hackintosh, я, мабуть, мав би проблеми з обладнанням. Але знову ж таки, це лише один розгляд.
Dan Gayle


4

Використання попереднього перегляду для загального дизайну добре, але не забудьте також перевірити поведінку вашого сайту. Це особливо корисно, якщо ви використовуєте багато ефектів наведення курсора, ajax або java-скрипту, яких ви не бачите на малюнку.

Я використовую VmWare з різними віртуальними машинами з найважливішими браузерами, встановленими окремо.

Якщо ви використовуєте Windows 7 Ultimate, я можу передати вам підручник з режимом Virtual PC та Xp, який є рішенням для запуску різних версій IE на одному хості .


4

Ви можете перевірити потік на StackOverflow під назвою: Тестування веб-сайту на мобільних браузерах .


1
Я думаю, що це нормально, щоб тема тут була дубльована, оскільки це представляє особливий інтерес для веб-майстрів.
Джефф Етвуд

1
@Jeff: Тому я використав відповідь, а не
позначав

3

MogoTest - це зовсім недавній стартап TechStars, який робить це добре. Він надає скріншоти з різних браузерів та ОС, а також перевіряє ваш HTML та CSS.


Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.