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

зміст:

• Як тестувати кроссбраузерность сайту: ТОП-12 сервісів
  1. Browsershots
  2. Browserling
  3. CrossBrowserTesting
  4. IE NetRenderer
  5. IE Tester
  6. MultiBrowser
  7. Litmus
  8. Browserstack
  9. Browser Sandbox
  10. Equafy
  11. Browsera
  12. Sauce Labs

Отримати безкоштовну консультацію від фахівця з вашого проекту

Як тестувати кроссбраузерность сайту

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

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

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

Щоб виконати тестування кроссбраузерності потрібно звернутися до одного з численних онлайн-сервісів або локальних додатків. У цьому огляді ми розповімо про найзручніших з них, причому як про платні, так і про безкоштовні.

1. Browsershots
   
   Даний сервіс перевірки кроссбраузерності сайтів онлайн спеціалізується на створенні скріншотів перевіряється веб-сайту з різних браузерів різних версій ( в т. Ч. Застарілих і не дуже популярних ), загальна кількість яких перевищує 200 шт.
   
   У безкоштовній версії запити ставляться в чергу і скріншоти з'являються на сторінці сервісу в порядку черговості в міру вивільнення ресурсів. Це відбувається досить повільно і може в загальному зайняти від 5 хвилин до декількох годин. 
   
   Платна підписка, яка підвищить для Вас пріоритет тестування кросбраузерності сайту онлайн і створення скріншотів обійдеться близько 30 $ на місяць.
   
   Також є можливість вибору дозволу екрану, глибини кольору, JavaScript і Flash декількох версій.
   
   
    
2. Browserling
   
   Цей сервіс для перевірки кроссбраузерності дає можливість взаємодіяти з тестованим веб-сайтом у вікні, яке не просто емулюється, а транслюється з реального браузера, встановленого на одній з віртуальних машин сервісу. 
   
   Перед безпосереднім проведенням тесту на кроссбраузерность можна вибрати один з 5 популярних браузерів ( Opera, Safari, Chrome, Firefox, IE ), а також одну з 5 версій Windows або 4 версій Android. Є можливість зміни дозволу екрану і збереження скріншотів.
   
   Всі можливості цього сервісу кроссбраузерності доступні тільки в платних планах підписки на нього. Безкоштовна версія обмежена 3-х хвилинною сесією тестування, дозволом екрану 1024х768 і операційною системою Windows Vista.
   
   
    
3. CrossBrowserTesting
   
   Платний сервіс для перевірки кросбраузерності сайтів онлайн, що підтримує безліч браузерів, версій операційних систем, дозволів екрану і видів мобільних пристроїв. Складаючи комбінації з доступних варіантів можна переконатися в коректності функціонування Вашого веб-сайту практично на будь-якому пристрої з будь-яким дозволом екрану в будь-якому браузері.
   
   Варіанти тестування кроссбраузерності:
   
   – « живий » тест, що дають можливість взаємодіяти з сайтом в браузері віртуальної машини з попередньо обраними параметрами і можливістю збереження скріншотів і записи відео;
   
   – режим автоматичного збереження скріншотів з різних комбінацій браузерів / ОС / пристроїв / дозволів екранів;
   
   – Selenium тест, який полягає в проведення автоматичних перевірок за заздалегідь складеним скрипту з можливістю запису результатів у відеофайли;
   
   – локальне підключення, під час якого можна виконати перевірку для ще не опублікованих веб-документів.
   
   Є 7-денний тріал з лімітом в 60 хвилин використання для попередньої оцінки можливостей сервісу перед прийняттям рішення про придбання підписки ( від 29 до 200 $ / міс ). 
   
   
    
4. IE NetRenderer
   
   Повністю безкоштовне рішення для перевірки кроссбраузерності в онлайні. Особливість його в тому, що перевірка доступна тільки для браузера Internet Explorer ( з версії 5.5 до 11 ).
   
   Ніяких налаштувань крім вибору версії IE і вказівки адреси перевіряється веб-сайту немає.
   
   
    
5. IE Tester
   
   Ще одне безкоштовне рішення для тестування кроссбраузерності, виконане у вигляді локально встановлюваного на комп'ютер програми. Також підтримує тільки Internet Explorer різних версій. За фактом емулює роботу обраної версії браузера і дає можливість повноцінно займатися інтернет-серфінгом.
   
   
    
6. MultiBrowser
   
   Платний додаток для тестування кросбраузерності і адаптивності сайтів. Підтримує кілька версій IE, Safari 5.1, всі існуючі збірки Chrome і Firefox, а також емуляцію безлічі мобільних пристроїв з різними дозволами екранів. 
   
   Програма може використовувати як вже встановлені на комп'ютері браузери, так і довантажувати необхідні користувачеві версії.
   
   Особливістю є можливість проведення всіх тестів в встановлених на комп'ютері браузерах в режимі оффлайн, якщо є збережені веб-файли.
   
   Кілька різних режимів роботи дозволяють:
   
   – взаємодіяти з веб-сайтом в обраному браузері;
   
   – проводити автоматичне збереження скріншотів з різних пристроїв / дозвол екранів / браузерів;
   
   – переглядати сайти на емульованих різних мобільних пристроях з можливістю запису відео.
   
   Також для установки доступна 14-денна тріал-версія.
   
   
    
7. Litmus
   
   Платний сервіс, який допоможе перевірити кроссбраузерность сайту онлайн. Безкоштовно можна використовувати перші три дні. Далі потрібно платити мінімум 60 $ на місяць.
   
   Підтримує перевірку веб-сайтів в більшості сучасних браузерів і на різних мобільних пристроях. Також спеціалізується на тестуванні електронних листів в багатьох поштових сервісах. 
   
   
    
8. Browserstack
   
   Черговий платний сервіс з 30-хвилинним тріалом і можливістю установки локального ПЗ для тестування кроссбраузерності, що підтримує 7 популярних браузерів різних версій і безліч емульованих мобільних пристроїв.
   
   У вікні, в якому Ви вже працюєте в своєму браузері, з'являється обраний для перевірки браузер, який дає можливість повноцінно використовувати інтернет і робити скріншоти. Звучить заплутано, але насправді все просто.
   
   
    
9. Browser Sandbox
   
   Онлайн сервіс для тестування кроссбраузерності, що підтримує дуже багато як десктропних, так і мобільних версій браузерів. Безкоштовна версія поступається платній ( від 10 $ / міс. ) тільки в плані меншого обсягу хмарного сховища даних і обмеження доступу до деяких варіантів перевірок, але в більшості випадків її можливостей має бути достатньо.
   
   
    
10. Equafy
    
    Безкоштовно-платний сервіс, який дозволяє не просто перевірити кросбраузерность сайту онлайн, але і бере на себе функції по автоматичному скануванню і знаходженню розривів верстки при відображенні сторінок в різних браузерах. 
    
    Процесу перевірки, який може записуватися на відео, передує цілий ряд налаштувань, в яких слабо розбирається в англійському користувачеві може бути трохи важкувато. Але в цілому, якщо розібратися, функціонал досить цікавий і, по суті, унікальний в своєму роді. Скріншоти можна переглядати в списку сторінок складеного звіту, натискаючи на спрямовану вниз стрілку ( Show ) в останній колонці.
    
    
     
11. Browsera
    
    Якісний сервіс для все тієї ж перевірки кросбраузерності сайту онлайн, для повноцінного використання якого доведеться придбати підписку з оплатою від 39 $ / 14 днів. 
    
    Безкоштовна версія також присутня, але вона має суттєві обмеження за кількістю доступних браузерів і перевіряються сторінок веб-сайту, а також якості послуг скріншотів.
    
    
     
12. Sauce Labs
    
    У цьому багатофункціональному сервісі також можна перевірити кроссбраузерность сайту онлайн. Присутній істотно обмежена триальна версія. Платна підписка від 19 $ на місяць дає можливість користуватися автоматизацією перевірок. Кількість підтримуваних браузерів, розмірів екранів і пристроїв задовільний – близько 700 комбінацій.