Домашня » Кодування » Повне керівництво по перевірці сумісності між браузерами

    Повне керівництво по перевірці сумісності між браузерами

    Користувачі Інтернету мають більш широкий вибір браузерів, коли справа доходить до серфінгу в мережі. Ми зобов'язані як розробникам, так і розробникам переконатися, що створені нами веб-сайти сумісні для більшості часто використовуваних веб-переглядачів.

    Це призводить до простого, але критичного питання - які браузери використовують наші відвідувачі? Згідно з w3school, зазвичай використовуються браузери Internet Explorer 7 і 8 і Firefox с Safari і Гугл хром поступово збільшується. Але цифри можуть змінюватися від місця до сайту, залежно від його ніші. Найкраще отримати демографічні показники з показників вашого сайту, Google Analytics наприклад.

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

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

    Перевірка сумісності онлайн

    Браузери

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

    Пісочниця браузера

    Ця сторінка, створена компанією Spoon.net, дає змогу запускати різні веб-переглядачі, включаючи IE, Firefox, Safari, Chrome і Opera прямо з вашого браузера. Просто як це.

    Netrenderer

    IE NetRenderer - безкоштовний тестер сумісності браузерів. З IE NetRenderer ви можете перевірити, як веб-сайт відтворюється різними версіями Internet Explorer. Після бета-тестування, дуже скоро в IE NetRenderer буде інтегрована найновіша версія IE - IE9 і ви зможете побачити, чи ваш сайт показує помилки в цьому браузері..

    Browsrcamp

    Browsrcamp дозволяє перевірити сумісність вашого дизайну з браузерами Mac OS X. Якщо ви не хочете витрачати гроші, ви можете перевірити сумісність вашого дизайну з Safari 3.1.2. Просто додайте URL свого сайту, і ви отримаєте знімок екрана вашого сайту. Але якщо ви хочете перевірити сумісність з іншими браузерами Mac, ви можете підписатися на 3 $.

    Adobe Browserlab

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

    Litmusapp

    Лакмус показує вам скріншоти ваших веб-сайтів, коли вони переглядають всі основні веб-браузери. Після завершення тестування ви можете отримати повну звітність про сумісність, яку готові до перегляду вашими клієнтами. Лакмус має 4 тарифні плани. Ви можете безкоштовно зареєструватися і скористатися лише тестуваннями браузерів Explorer 7 і Firefox 2, або ж ви можете обрати плани зарядів.

    Anybrowser siteviewer

    Програма перегляду сайтів Anybrowser дозволяє переглядати сторінки HTML, як це роблять інші веб-переглядачі, або в різних розмірах екрану. Ви можете переходити з посилання на сторінки перегляду посилань так, як вони з'являться в різних браузерах і перевіряти чистоту тексту. Крім того, переглядач сайтів Anybrowser дозволяє вибрати окремі елементи сторінки.

    Fundisom

    Fundisom є Mac скріншот генератор, який дозволяє бачити ваш сайт на Macintosh G5 в Safari, MacIE або Mozilla. Наразі веб-розробник програмного забезпечення Safari Screenshot Generator lixlpixel тимчасово перебуває в автономному режимі, але його можна перевірити пізніше.

    Delorie lynxview

    Delorie lynxview - це служба, яка дозволяє веб-авторам бачити, як виглядатимуть їхні сторінки при перегляді за допомогою Lynx - текстового веб-переглядача.

    Браузера

    Браузера призначена для використання як інструмент для тестування, а не лише як інструмент скріншоту, і працює на рівні сайту замість рівня сторінки. Браузера сканує сторінки вашого сайту і фактично перевіряє їх на невідповідності макета і помилки сценаріїв.

    IE Tab

    IE Tab є аддоном Firefox, який дозволяє завантажувати веб-сторінки в Internet Explorer, не відкриваючи іншого вікна браузера. Просто натисніть кнопку на панелі інструментів Firefox і вона відкриє поточну сторінку в новій вкладці, яка використовує движок Internet Explorer замість Firefox.

    Додатки та інструменти

    IETester

    IETester є безкоштовним веб-браузером, який дозволяє мати механізми рендеринга і JavaScript для попереднього перегляду IE9, IE8, IE7 IE 6 і IE5.5 для Windows 7, Vista і XP. Це корисно для веб-розробників, щоб перевірити, що їхні сайти працюють правильно у всіх найпоширеніших версіях Internet Explorer.

    IECapt

    IECapt - невелика утиліта командного рядка для захоплення відображення веб-сторінки Internet Explorer у файлі зображень BMP, JPEG або PNG.

    Multi-Safari

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

    Expression Web SuperPreview

    Expression Web SuperPreview є безкоштовним інструментом, який допомагає користувачам перевіряти свої веб-сайти на різних версіях Internet Explorer. Expression Web SuperPreview - це автономний інструмент візуального налагодження, який полегшує міграцію сайтів з IE6 до IE7 або 8.

    Iphoney

    iPhoney надає точне середовище перегляду веб-сторінок, яке можна використовувати при розробці веб-сайтів для iPhone. Це ідеальний 320 на 480 пікселів полотна для вашого iPhone розвитку. iPhoney не є симулятором iPhone, а призначений для веб-розробників, які хочуть створити 320 на 480 веб-сайтів для використання з iPhone.

    MultipleIEs

    За допомогою MultipleIEs ви можете протестувати свою веб-сторінку в Internet Explorer 3, 4, 5 і 6. Це старі браузери, але якщо ви можете, що ваш сайт буде доступний для всіх браузерів, перевірте також старі версії IE з MultipleIE.

    Кілька IE

    Кілька IE є аналогічним інструментом, як MultipleIEs. Кілька IE - це невеликий пакет, який дозволяє запускати декілька версій IE на тій же машині, від IE 6.0 до IE 3.0

    SortSite Professional

    SortSite Professional дозволяє будівельникам веб-сайтів, власникам і консультантам перевіряти всі сайти на предмет відповідності стандартам і якості. SortSite перевіряє кожну знайдену сторінку, а потім створює звіт, у якому міститься кожна проблема. SortSite перевіряє більше 300 контрольних пунктів якості.

    Lunascape

    Lunascape - перший і єдиний у світі браузер двигунів. До нього входять основні браузери: IE, Firefox, Chrome, Safari. Завдяки Lunascape ви можете вибрати потрібний двигун, який потрібно використовувати в потрібний час, усвідомлюючи різке зниження проблем сумісності веб-браузера, тривалий час завантаження та неправильне відображення веб-сайтів.

    Преміальні послуги

    Браузеркамер

    BrowserCam - це платний онлайн-сервіс, який дозволяє переглядати веб-сторінки на різних платформах і веб-переглядачах, або автоматично знімаючи скріншоти на свій вибір або віддалено доступ до комп'ютерів.

    Перехресні перевірки

    Завдяки сайту ви зможете перевірити свій веб-сайт (або будь-хто інший) на будь-якій операційній системі та веб-переглядачі. Це допоможе вам заощадити багато часу, коли ви намагаєтеся зробити все. Вартість передплати починається від $ 19.95.

    Url2зображення

    Використовуючи ферму веб-серверів Url2image, і, як зареєстрований користувач, ви можете запитувати скріншоти вашого веб-дизайну, використовуючи різні комбінації браузера / ОС. Url2image пропонують призи для скріншотів. 2 скріншоти коштують $ 1.

    SortSite

    SortSite Professional перевіряє сторінки на масив функцій, які не працюють належним чином або поводяться по-різному на різних браузерах. Приз стандартної ліцензії - $ 149.

    Multi Browser Viewer

    Multi Browser Viewer включає в себе 17 попередньо упакованих, віртуалізованих автономних браузерів. Крім 17 автономних браузерів, Multi-Browser Viewer також має можливість перевірити ваш сайт у 50 браузерах у трьох операційних системах (Mac, Windows і Linux). Приз для одного користувача становить $ 99,95.

    Тестування хмари

    Функція крос-браузерного тестування Cloud Testing дозволяє перевірити як зовнішній вигляд, так і функціональність електронної комерції та транзакційних веб-сайтів за допомогою IE 6,7,8, Firefox, Apple Safari, Google Chrome і браузерів Opera. Ціна за один тест - £ 0.10.