CrossBrowserTesting - тестуємо сайти в різних браузерах

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

В одному з постів Хабра я побачив опис якогось веб-проект з десятком-другим його скріншотів в різних браузерах і OS. Мене відразу ж зацікавив інструмент, який робить такі цікаві добірки. Посилання в статті привела на CrossBrowserTesting . Сервіс дозволяє виробляти близько 1000 різних комбінацій при аналізі сайту, використовуючи різні операційні системи, різні браузери і встановлені в них плагіни.

З його допомогою ви можете подивитися: як виглядає сайт на Mac OSX 10.9 в Opera 11.50 або, наприклад, що буде в Ubuntu 8.10 на Firefox 3.0.6; дізнатися як поведе себе веб-проект на Windows 7 64-Bit і Google Chrome 30; перевірити роботу посилання на номер телефону в мобільних пристроях.

Комбінацій дійсно багато. З ОС тут представлені Mac, Windows, Ubuntu + мобільні iPhone, iPad, Android, Windows Phone, Blackberry. Варіантів браузерів куди більше, можна вибирати навіть не особливо популярні.

Звичайно, підлаштовуватися під всі версії всіх браузерів всіх часів і народів - це нереально. Але досить часто виникає ситуація з різними ОС, коли клієнт пише вам мовляв у мене 64-бітна Windows 7 і там ось такий глюк. А що робити, якщо у вас Mac? - просити знайомих перевірити як відображається сайт на їх комп'ютері? Клопітно це дуже, та й не професійно. Також можна спробувати прості сервіси налагодження під Internet Explorer , Але як бути з іншими браузерами? В такому випадку CrossBrowserTesting однозначно виручить. Можливості сервісу вражають.

1. Тестування в реальному часі

Ви можете використовувати браузери сервісу щоб оцінити функціональність своїх сайтів - перевірити як працюють AJAX, HTML форми, Javascript і Flash. Не потрібно ставити додатковий софт на свій комп'ютер, досить просто підключитися до сервісу (де браузерів встановлено близько 130 штук).

При тестуванні в реальному часі ви просто будете використовувати сервіс як ніби все відбувається на вашому комп'ютері. Найбільш наочно просто нікуди.

2. Автоматичні скріншоти

Це саме та «картинка», про яку я розповідав на початку посту. За кілька секунд ви можете отримати скріншоти сайту в різних браузерах і операційних системах.

3. Порівняння шарів

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

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

4. Скріншоти і відео глюків

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

5. Використання налагоджувальних інструментів

Для Firefox і деяких інших браузерів є спеціальні налагоджувальні плагіни для розробників, наприклад той же Firebug або IEDeveloperTools. Хочете Firebug на Mac 10.7? - немає проблем.

6. Перегляд мережевого трафіку

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

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

7. Решта функцій

Вище я згадав лише найбільш значні функції сервісу CrossBrowserTesting. Але це ще не все!

CrossBrowserTesting дозволяє:

• Проводити тестування файлів на локальному комп'ютері - ви можете оцінити свій сайт до завантаження його на ФТП і офіційного запуску.
• Працювати з мобільні платформами (iPhones, iPads, Android, Blackberry) - найбільш швидкозростаючим сегментом для браузерів.
• Робити скріншоти веб-сторінок, для доступу до яких потрібен логін.
• Використовувати API.
• Змінити налаштування браузерів при тестуванні (cookie, javascript) і т.п. Для ОС можете встановити потрібну версію Flash, наприклад.
• Отримати відмінну тех.підтримку.

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

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