Огляд інструментів для крос-браузерного тестування
Перевірка веб додатки на кросбраузерну є важливою частиною процедури розробки проекту. Кількість використовуваних браузерів постійно зростає, що чітко визначає необхідність автоматичного інструменту, який виявиться хорошою підмогою для забезпечення ускладнюється процесу перевірки. У даній статті наводиться короткий огляд різних додатків і сервісів для перевірки на кросбраузерну сумісність.
BrowserShots
Інтерфейсом сервісу не зручно користуватися. Вибір потрібних браузерів і опцій займає час. А так як це веб сервіс, то операції треба повторювати кожного разу, коли потрібен знімок екрана. Коли (і якщо) ви нарешті отримаєте зображення, буде дуже складно порівняти різні варіанти для визначення невідповідностей виведення. Перенаправлення HTTP автоматизовано в повному обсязі: BrowserShots виводить URL, на який ви перенаправлені, але потрібно завантажити знімок екрана знову вручну.
Найбільшим недоліком BrowserShots, який робить його практично непридатним для професійного використання, є час відгуку. Для деяких сценаріїв тестування воно може досягати 45 хвилин. При цьому час зберігання зображення становить 30 хвилин, якщо його не змінити вручну. Крім того, у BrowserShots є серйозна помилка з прокруткою сторінки (дивіться скріншот з MSIE 8.0) і він іноді не виводить скріншоти, навіть повідомляючи про успіх операції.
висновок
Якщо вам потрібно провести випробування більш ніж для одного конкретного браузера кілька разів. то цей сервіс не для вас. І навіть в вашому випадку ймовірно буде швидше поставити потрібну версію браузера, перевірити все, а потім деінсталювати.
Унікальні особливості: немає.
Недоліки: болісно повільний.
BrowserCam
BrowserCam - інший широко відомий сервіс знімків екрана. На відміну від BrowserShots, даний сервіс є комерційним. Найдешевший тарифний план коштує $ 159.80 за рік і відкриває доступ для п'яти користувачів. Інтерфейс дуже приємний. Він дозволяє створити проект і вказати URL і браузери, для яких треба зробити знімки екрану, таким чином не потрібно повторювати операції конфігурації для повторних перевірок сторінки. Але так як інтерфейс не використовує AJAX, час реакції сервісу не можна порівняти з реальними додатками, що дуже дратує.
Список підтримуваних браузерів дещо менше, ніж у BrowserShots, але його цілком достатньо для практичного використання. Підтримуються багато версій IE, Firefox, Safari, Opera і Chrome, так само як і деякі старі версії браузерів для OS X, Linux і численних версій Windows. Час генерації зображення прийнятно: пробні варіанти були готові протягом двох хвилин.
BrowserCam підтримує багато дозволів і має віконний і повноекранний режими відображення, які мають можливість прокрутки картинки. Інший прекрасної особливістю є підтримка мобільних пристроїв: він підтримує Blackberry, iPhone, Android і Windows Mobile. Відзначимо, що підтримка гененраціі зображення для мобільних пристроїв не входить в тарифний план для браузерів і коштує $ 999.95 за рік використання. Так само є сервіс для відправки зображень поemail і віддалений доступ, який може бути дуже зручним для при вирішенні проблем з виведенням, помічених на знімках екрану. Обидві опції оплачуються додатково.
Віддалений доступ дає можливість з'єднатися з допомогою VNC з машиною під управлінням Linux, Windows або Mac з різними версіями браузерів. Прекрасна можливість провести налагодження на тих системах, які не мають в наявності, наприклад, на Mac. Але ціна $ 499.95 за рік дуже близька до вартість мінімальної конфігурації Mac. Протокол VNC дуже не ефективний, тому інтенсивна віддалена налагодження може привести до нервового зриву.
висновок
Дуже хороший професійний сервіс з розширеними можливостями і продуманим інтерфейсом.
Унікальні особливості: підтримка мобільних пристроїв, віддалений доступ.
Adobe BrowserLab
Підтримка браузерів скромна в порівнянні з конкурентами. На момент написання статті BrowserLab підтримував тільки Chrome, Firefox, IE і Safari: всього 12 комбінацій браузерів і версій ОС. Сервіс виглядає як якісний продукт на стадії бета тестування: в деяких знімках він обрізав зображення по горизонталі, і реалізація прокрутки сторінки теж має помилки.
Швидкість генерації скріншотів дуже хороша.
висновок
Недоліки: скромний список підтримуваних браузерів, незначні помилки.
Microsoft Expression Web SuperPreview
SuperPreview - нове доповнення до середовища розробки Microsoft Expression Web. Це автономна версія, яка обмежена тільки для Internet Explorer і доступна для скачування безкоштовно. У ній підтримується тільки IE 6, 7 і 8, а повна версія підтримує також Firefox і Safari. Однак враження від використання даного інструменту залишаються дуже приємні.
Так як додаток працює на локальній машині, час реакції і затримка в отриманні знімка екрана найкращі серед описуваних інструментів.
Однак SuperPreview не можна купити окремо від Expression Web, чия ціна становить $ 149.
висновок
Інтерфейс надзвичайно легкий у використанні, а швидкість роботи неймовірна. Але дуже обмежена підтримка браузерів і те, що SuperPreview є частиною пакета Expression Web, зводить нанівець його практичне використання.
Недоліки: дуже обмежена підтримка браузерів, дорогий.
BrowserSeal
BrowserSeal - це новий інструмент. Так само як і SuperPreview, він є локальним додатком, а не веб сервісом, тому швидкість генерації скріншотів дуже висока. Підтримка браузерів достатня: можна випробувати численні версії IE, Firefox, Safari, Opera і Chrome. У даного інструменту є дві особливості, які виділяють його серед конкурентів: автономна підтримка браузерів і інтерфейс командного рядка для скриптів автоматизації.
Всі браузери, підтримувані в BrowserSeal, можуть бути запущені вручну, що означає наступне, як тільки ви знайшли невідповідність у відображенні сторінки браузером, його можна тут же запустити для налагодження проблемного місця. Такої можливості інші інструменти тестування не пропонують.
Ціна дуже конкурентна: стандартна версія коштує $ 49. Так само існує версія з інтерфейсом командного рядка, яка надає можливість перевірки декількох URL з скрипта або командного файлу. Інтерфейс програми дуже приємний і простий. Закладки дозволяють легко знаходити навіть незначні відмінності при перемиканні від одного знімка до іншого.
висновок
Дуже приємний інструмент зі всебічною підтримкою браузерів. Інтерфейс простий і легкі для освоєння, швидкість генерації зображень фантастична, ціна - помірна.
Унікальні особливості :. поставляється з автономними версіями всіх основних браузерів; має режим командного рядка для скриптів автоматизації.
Недоліки :. працює тільки в Windows.
Litmus - ще один веб сервіс для генерації скріншотів. Має вражаючу підтримку браузерів: 23 комбінації браузерів і операційних систем, включаючи IE, Firefox, Chrome, Safari, Opera, Flock, Camino, SeaMonkey і Netscape. Швидкість генерації зображень - досить хороша для веб сервісу.
Інтерфейс простий і зрозумілий, але відчувається відсутність деяких функцій. Наприклад, немає простого способу порівняти результати генерації зображень. Все, що можна зробити - це переглядати зображення одне за іншим або завантажити їх все на локальний комп'ютер. Проте, сервіс підтримує проекти, тобто не потрібно вводити URL і установки браузера кожен раз, коли потрібно отримати знімок екрана.
Litmus не підтримує прокрутку сторінки. він виводить тільки верх довгою сторінки, що є основним недоліком сервісу. І ціна занадто висока для такого набору функціоналу: ліцензія на одного користувача коштує $ 588 на рік.
висновок
Відмінна підтримка браузерів і прийнятна швидкість роботи, яка буде достатня для більшості користувачів. Але дуже мало функцій.
Недоліки: не підтримує прокрутку, не вистачає інших базових функцій для таких веб сервісів.
Multi-Browser Viewer
Multi-Browser Viewer - це програма, яка використовує сервер для генерації скріншотів. Іншими словами - це графічний інтерфейс з усіма затримками звичайного веб сервісу.
Однією цікавою особливістю даного інструменту є те, що він поставляється разом з автономним браузером, який можна використовувати для налагодження. Але для генерації скріншотів Multi-Browser Viewer використовує спеціальний сервер з великим числом браузерів.
Підтримка браузерів вражає: 54 комбінації браузерів і ОС (17 з яких доступні в автономному варіанті), включаючи IE, Firefox, Chrome, Opera, Safari, Camino, Konqueror. Ціна: ліцензія на одного користувача коштує $ 129.95 в рік.
За своїми параметрами цей продукт істотно поступається конкурентам: не підтримує аутентифікацію, має значні затримки при генерації зображень, прокрутка сторінки працює з помилками.
висновок
Хороший інтерфейс і вражаюча підтримка браузерів.
Унікальні особливості: автономний варіант деяких (але не всіх) браузерів.
Недоліки: Відсутність багатьох функцій, які є у конкуруючих продуктів, погана робота прокрутки сторінки, працює тільки під Windows.
Browsera - це веб сервіс для генерації скріншотів. Підтримка браузерів в порівнянні з іншими учасниками нашого огляду скромна: IE, Firefox і Safari. Стандартний доступ коштує $ 588 на рік. Інтерфейс привабливий, простий і легкий. Можна організовувати сесії знімків екрану в проекти.
висновок
Професійний сервіс з хорошим інтерфейсом і цікавими опціями, але обмежений в підтримці браузерів.
Унікальні особливості: рекурсивний посторінковий огляд
Недоліки: обмежена підтримка браузерів, дорогий.
набори браузерів
Якщо все, що вам потрібно - це протестувати ваш веб сайт в певному браузері, і ви збираєтеся зробити це вручну, є кілька безкоштовних сервісів і додатків, які можуть допомогти у вирішенні даного завдання:
На перший погляд Spoon виглядає привабливо, так як він є веб сервісом і позбавляє вас від необхідності ставити багато браузерів на ваш комп'ютер. Але у нього є проблеми зі стабільністю.
Проте, обидва інструменту IE Collection і BrowserSeal.BrowserPack (пропонується безкоштовно, на відміну від BrowserSeal) працюють надійно. IE Collection має в своєму наборі будь-яку версію IE, про яку ви могли подумати. BrowserSeal.BrowserPack, який покладається на IE Collection для підтримки IE. також підтримує дві версії Firefox, три версії Opera і дві версії Safari.
Висновок.
Кожен сервіс має переваги і недоліки, і рішення про те, який з них використовувати, завжди залишається за користувачем. Професійні розробники, ймовірно, не використовують BrowserShots через велику часу відгуку. SuperPreview і Browsera також мало корисні через обмеженого набору підтримуваних браузерів
BrowserLab залишається популярним через свою безкоштовність. Але як тільки Adobe почне брати плату за його використання в розмірі $ 20 в місяць, доводів використовувати його не залишиться, хіба тільки через роботу в Dreamweaver, який має розширення BrowserLab.
При виборі інструмента один з важливих питань на яке потрібно дати відповідь, що використовувати автономне додаток або веб сервіс. Деякі вважають за краще інструменти на основі веб сервісів, тому що вони не вимагають інсталяції. Інші вважають за краще автономні програми з наступних причин: малий час відгуку, можливість локальної налагодження, відсутність простоїв.
BrowserCam, BrowserSeal, Litmus і Multi-Browser Viewer є дуже хорошим вибором. Але вони сильно відрізняються в ціні. Якщо вам потрібно тестувати програми для мобільних пристроїв, то, ймовірно, BrowserCam стане вашим вибором. А для автоматизації тестування найкращим вибором буде BrowserSeal.
За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!
Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!
Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.
Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!