1. Чому важливо тестувати сайт в різних браузерах?
2. Як перевірити свій сайт WordPress в декількох браузерах?
3. Browsershots
4. CrossBrowserTesting

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

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

Чому важливо тестувати сайт в різних браузерах?

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

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

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

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

Як перевірити свій сайт WordPress в декількох браузерах?

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

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

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

Browsershots

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

Щоб використовувати Browsershots, вам потрібно відвідати його домашню сторінку і ввести URL вашого сайту в відповідному полі. Потім необхідно вибрати браузери, які потрібно протестувати.

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

Тест може зайняти кілька хвилин. По завершенні вам буде представлена ​​серія скріншотів, які ви зможете переглянути або завантажити на свій комп'ютер - по одному для кожної обраної вами версії браузера.

Тут ви зможете уважно переглянути кожен скріншот.

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

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

CrossBrowserTesting

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

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

Відзначимо, що цей інструмент є платним. Найдешевший план коштує $ 29 в місяць і включає в себе необмежену тестування для одного користувача. Тим не менш, є також 7-денна безкоштовна пробна версія, яка пропонує 100 хвилин часу тестування. Цього достатньо, щоб протестувати невеликий сайт.

Після реєстрації на сайті сервісу ви отримаєте доступ до панелі моніторингу.

Ви можете використовувати вкладку Screenshots, щоб подивитися чи скопіювати статичні зображення вашого сайту, або ввести URL-адресу в поле Start A Live Test, щоб виконати повний тест. В самому кінці слід вибрати пристрій, операційну систему і дозвіл екрана.

Після того, як ви запустите тест, то отримаєте доступ до результатів симуляції вашого сайту.

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

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

Якщо Вам сподобалася стаття - поділіться з друзями