Перевірка кросбраузерності

1. Ручна перевірка
2. Де перевірити кроссбраузерность
3. Мінуси використання веб-сервісів

Наша взаимовыгодная связь https://banwar.org/

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

Ручна перевірка

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

Далі можна попросити друзів і знайомих зайти на ваш сайт і надіслати ваш скріншот. Для них це буде напевно нескладно. У кого-то варто Opera, у другог - Mozilla, а третій взагалі сидить на старому IE. Люди використовують різні веб-оглядачі і якщо попросити їх про невелику послугу тестування, то ви можете отримати досить непоганий охоплення браузерів.

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

Де перевірити кроссбраузерность

http://browsershots.org/ - багато хто називає цей сайт кращим безкоштовним сервісом для перевірки кросбраузерності. На головній сторінці відразу ж видно безліч різних браузерів і їх версій. Потрібно вказати галочками потрібні і відправити все це на аналіз. Скільки можна чекати результатів? Дуже довго, іноді більше півгодини.

Практичний курс по верстці адаптивного сайту з нуля!

Вивчіть курс і дізнайтеся, як верстати сучасні сайти на HTML5 та CSS3

Мал. 1. Сайт дозволяє безкоштовно отримати скріншоти з безлічі веб-оглядачів.

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

Цей сервіс підійде для тих, хто не хоче платити за перевірку кросбраузерності.

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

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

IETester - вже багато разів я писав про цю програму, але в статті про перевірку кросбраузерності без неї просто нікуди. Це безкоштовна програма для windows. Завантаживши і встановивши її можна вільно перевірити зовнішній вигляд сайту в Internet Explorer 6-8.

Практичний курс по верстці адаптивного сайту з нуля!

Вивчіть курс і дізнайтеся, як верстати сучасні сайти на HTML5 та CSS3

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

Browserling.com - на цьому сайті ви можете записатися в чергу, щоб подивитися на свій сайт в різних версіях IE, починаючи від 5.5 і закінчуючи 9. Є можливість подивитися і в інших популярних веб-браузерах. Як ви розумієте, охочих багато і кожному дають всього 5 хвилин на тестування.

Сервіс хороший тим, що ви не просто бачите скріншот, а можете покликати по веб-сторінкам, дійсно протестувавши їх. Загалом, ще один непоганий безкоштовний інструмент.

Multiple IE - це такий інструмент, який дозволяє перевірити шаблон в найстаріших версіях IE (3, 4, 5). Я не знаю, чи потрібно це комусь сьогодні, але про всяк випадок можна згадати і його.

Мінуси використання веб-сервісів

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

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

Мал. 2. У crossbrowsertesting можна перевірити сайт в більш ніж 900 браузерах!

Перевірка це добре, але як виправити проблеми з відображенням сайту, якщо вони вже виявлені. Можна звернутися до фахівця, а можна спробувати самому. Про це написано в іншій статті (тут вставити посилання на статтю як зробити кроссбраузерность).

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

На особистому блозі досить реалізувати кроссбраузерность на базовому рівні (з підтримкою хоча б в останніх версіях всіх оглядачів). На щастя, більшість користувачів все-таки оновлюють своє програмне забезпечення, тому немає сенсу сильно турбується.

Моніторинг кросбраузерності є всього лише одним з параметрів, які показують якість вашого інтернет-проекту. Читайте наш блог і отримуйте ще більше знань про сайтобудування.

Практичний курс по верстці адаптивного сайту з нуля!

Вивчіть курс і дізнайтеся, як верстати сучасні сайти на HTML5 та CSS3