Кращі безкоштовні інструменти для кросбраузерності тестування, вебмайстру

Ви можете переглядати сайт, використовуючи останню версію Firefox. і він буде виглядати дивно. А після цього на сайт може зайти відвідувач, який використовує Internet Explorer 9. і ресурс не тільки буде виглядати жахливо, але ще й не буде працювати належним чином. Вгадайте, що тоді станеться? Ви втратите відвідувача. Тому кроссбраузерность так важлива:

Для чого мені тестувати сайт на сумісність з різними браузерами?

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

Ось що Seque Technologies. компанія, яка розробляє технологічні рішення для федеральних, комерційних і некомерційних організацій, говорить про кросбраузерності тестуванні:

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

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

Як виконати кросбраузерності тестування?

Firefox. Internet Explorer. Safari. Chrome і Opera зазвичай можна без проблем завантажити і встановити. Але якщо у вас немає такої можливості, то існує безліч веб-інструментів, які імітують ці браузери.

Наприклад, BrowserStack. Ghostlab і CrossBrowserTesting. але їх використання може обійтися в значну суму. На щастя, існують безкоштовні інструменти. Кожен з них надає користувачам різні функції тестування.

Browsershots

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

Spoon Browser Sandbox

Spoon пропонує більш грунтовний варіант перевірки кросбраузерності. Для Chrome. Firefox. Internet Explorer. Opera і Safari можна вибрати точну версію, яку потрібно протестувати.

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

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

Viewlike.us

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

IE NetRenderer

IE NetRenderer показує тестований сайт тільки в Internet Explorer. але зате дозволяє вибрати версію від IE 5.5 до IE 11. Це ще один простий інструмент, який підходить тільки для тестування зовнішнього вигляду сайту:

Коли тест на кроссбраузерность завершиться, ви отримаєте на електронну пошту лист з результатами, а у вікні Browsera буде виведений докладний звіт.

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

Який з інструментів використовувати?

Spoon Browser Sandbox - єдиний безкоштовний інструмент з розглянутих в цій статті, що дозволяє провести повну перевірку ресурсу. Так що, якщо ви не хочете встановлювати всі браузери або платити за послугу, це кращий варіант для тестування інтерактивних елементів сайту.

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

Чи використовуєте ви вже ці інструменти?

Чи використовували ви якісь із описаних в цій статті інструментів для перевірки кросбраузерності? Або ви знаєте про будь-яких інших безкоштовних веб-інструменти, якими хотіли б поділитися і запропонувати іншим Новомосковсктелям? Не забудьте, що мова йшла саме про тестування в стаціонарних браузерах, а не в мобільних.

Переклад статті «Ultimate Free Tools for Cross-Browser Testing» був підготовлений дружною командою проекту Сайтобудування від А до Я.