7 інстурментів для тестування кросбразуерності сайту в 2016
Нижче я склав список з 7 на мій погляд видатних інструментів для тестування кросбарузерності як платні, так і безкоштовні.
Browsershots
Browsershots – простий та дуже корисний сервіс. Сервіс безкоштовний, але в ньому є такий функціонал, який ви не зможете знайти в інших програмах, навіть у платних.
Сервіс створює скріншот роботи веб-сайту у певних браузерах. Список браузерів, що підтримуються, великий. Можна вибрати роздільну здатність екрана, глибину кольору, є можливість перевіряти сайт на наявність помилок з JS (і визначення версії JS), Java та Flash.
Якщо вам потрібно більше функцій та можливість розставляти пріоритети під час тестування, ви можете придбати передплату на місяць за $29.
Browser Sandbox
Browser Sandbox – ще один сервіс для тестування кросбраузерності з великим списком підтримуваних браузерів. Істотний мінус у тому, що цей сервіс доступний лише користувачам Windows. Користувачам Linux та Mac OS не пощастило, проте розробники обіцяють версію для Mac у найближчому майбутньому.
До плюсів можна віднести великий список браузерів, серед яких IE, Firefox, Chrome, Chromium Canary, Firefox Mobile, Safari, Opera і Firefox Nightly. У безкоштовній версії сервісу можна виконувати тести лише в останніх версіях браузерів.
За доступ до старих версій браузерів доведеться заплатити. На щастя, тарифи дешеві і починаються від $4.95 на місяць.
IE Testers
Якщо ви створюєте свій сайт в першу чергу під IE і потрібно протестувати його на роботу в різних версіях даного браузера, ми підібрали парочку безкоштовних сервісів спеціально для IE.
Netrenderer
У Net Renderer можна проводити тести у версіях IE від 5.5 до 11. Швидкий та простий інструмент, але функціонал залишає бажати кращого.
Microsoft Edge
Microsoft Edge - ціла платформа, що виходить далеко за межі тестів для IE. Власне кажучи, браузер дозволяє створювати скріншоти роботи сайту в інших браузерах та з-під різних мобільних пристроїв. Причина, через яку я виніс даний браузер до групи тестувальників IE, у тому, що у браузері є віртуальні машини для різних версій IE, а також у браузері є Azure Remote App, за допомогою якого можна віддалено проводити тести в IE.
My Debugbar
І останній сервіс для тесту IE - My DebugBar, також відомий як IETester. На відміну від Net Renderer, My Debugbar – десктопна програма вагою 60Мб. Його необхідно завантажити, і працює програма лише у Windows.
У IETester є кілька відомих мінусів. Перш, ніж грішити на жахливі результати тестів, вам необхідно почитати про баги цієї програми.
Webshot by Mobile Ready
Відмінність Webshot у тому, що це сервіс лише для тестування кроссбраузерності на мобільних пристроях. Сервіс безкоштовний, але вам доведеться зареєструватися.
На момент написання статті сайт Webshot не працював принаймні у мене. При спробі зареєструватись я отримував помилку Internal Server Error. Пару тижнів тому я писав розробникам даного сервісу про проблему, відповіді досі немає, та й у майбутньому не очікується.
Тим не менш, я не став виключати цей сервіс зі списку, тому що якщо вони пофіксують проблеми, цей сайт може запропонувати досить хороший функціонал.
Платні сервіси починаються зBrowsera. Вкрай корисна програма, і ви точно знаєте, за що ви платите гроші. З його допомогою можна тестувати макети, JS, динамічні сторінки, сторінки з паролем тощо.
CrossBrowserTesting
У цьому сервісі мені найбільше подобається те, що він використовує справжні пристрої для запуску браузерів. Емулятори справляються зі своєю роботою, але немає нічого кращого, ніж запустити сайт на реальному пристрої. Список можливостей досить вражаючий, і CrossBrowserTesting точно коштує своїх грошей. Я думаю, що список підтримуваних браузерів і ОС найбільший в мережі - 900 браузерів у більш ніж 40 операційних системах, зокрема iOS, Android, Windows, Mac і т.д.
BrowserStack
BrowserStack є ще одним великим гравцем в індустрії. Відмінно підходить для тесту мобільних пристроїв (справжні пристрої), проте також є 700 десктопних браузерів.
За допомогою даного сервісу можна проводити локальні тести, робити швидкі скріншоти з дозволами від 800×600 до 2048×1536. Так само як і у CrossBrowserTesting, тарифи починаються від $29 на місяць, але BrowserStack також пропонує обмежені пропозиції за $12.50 на місяць для фрілансерів. Також для проектів з відкритим вихідним кодом вони мають безкоштовні сервіси.
У мережі повно платних сервісів, але я не можу перерахувати їх усі. Я перерахував лише найвідоміші, бо не всі платні рішення коштують своїх грошей. Безкоштовні послуги також цілком хороші, але в них відсутня дуже корисний функціонал. Попрацюйте з перерахованими вище сервісами, і можливо, якісь з них виявляться вам корисними.
Висновок
Я знаю, чого ви хочете - ви не хочете розбиратися у всіх сервісах, ви хочете швиденько прочитати хто ж все-таки переможець.Однак це випадок, коли на смак та колір товариша немає. Платні пропозиції пропонують розширений функціонал, а безкоштовні підходять для швидких тестів.
Особисто я довгий час працюю з BrowserShots, і мене не бентежить обмежений функціонал. Нещодавно я проектував простий шаблонний HTML-сайт для друга. Шаблон був простий і мені дуже подобався його код.
Але коли друг відкрив сайт на своєму комп'ютері, він сказав мені, що у IE сайт виглядає дуже погано. І так, я не тестував його на роботу в IE перед відправкою - проект був попереднім і з таким чудовим кодом, що він просто не міг не працювати в будь-якому браузері.
Я відкриваю BrowserShots, і там все гаразд. Про всяк випадок я запропонував змінити шаблон. І знову та сама проблема. Я почав підозрювати, що проблема криється в браузері друга і запропонував йому відкрити сайт на іншому комп'ютері. І проблема зникла.
Але якби у нього не було під рукою ще одного ПК з робітником IE, було б складно переконати його, що проблема у його браузері, а не в моєму коді.
Саме для таких випадків, коли потрібно швидко накидати зразковий проект, вам підійдуть BrowserShots або інші IE тестувальники. Ну і звичайно, якщо вам потрібні більш надійні гарантії, то вам не допоможуть безкоштовні рішення. Ось чому важко виділити якийсь один сервіс та назвати його найкращим – все залежить від конкретного випадку.
Автор: Ada Ivanoff
Редакція: Команда webformyself.
