Як перевірити сайт в різних браузерах з сервісами spoon і browsershots
По ходу статті, ми розглянемо два сервісу, які по суті виконують однакову задачу, але видають різний результат. Але, перш ніж приступати до огляду, трохи лірики ...
Кожен власник сайту хоче, що б його творіння відображалося правильно на всіх комп'ютерах і браузерах. Це необхідно для кращого сприйняття і юзабіліті. В інтернеті вже давно є безліч онлайн додатків, які дозволяють перевірити сайт в різних браузерах і для різних платформ.
Як перевірити сайт в різних браузерах - два різних підходи
Для початку поговоримо про інструменти, які роблять скріншоти обраної сторінки. Таких інструментів у всесвітній мережі досить багато, і вони можуть допомогти візуально перевірити ваші сайти в різних браузерах, але мінус в тому, що не можна перевірити працездатність елементів (спливаюче меню, CSS стилі). Даний підхід дозволяє відносно швидко перевірити макет сайту в різних браузерах. Швидкість перевірки багато в чому залежить від кількості обраних браузерів.
Browsershots.org - перевірити макет сайту в різних браузерах
Основне завдання Browsershots.org - автоматичне створення скріншотів заданого сайту для різних платформ і браузерів. По суті, Browsershots.org дає можливість перевірити сайт в браузерах тільки візуально. В даний час додаток пропонує майже 200 комбінацій браузерів під 4 операційні системи (Windows. Linux. Mac і BSD).
Аналіз сайтів від Browsershots.org є повністю безкоштовною послугою, що не може не радувати. Звичайно, можна заплатити близько 30 доларів, що б отримати пріоритет при обробці скріншотів - вам не доведеться довго чекати, поки з'являться результати.
Процес створення ескізів сторінок відбувається на комп'ютерах добровольців. В даний час в проекті беруть участь близько 50 комп'ютерів з усього світу. При бажанні ви можете приєднатися до проекту.
Проект дозволяє вибрати потрібну мову, в тому числі і український, в нижній частині праворуч (хоча російською лише деякі елементи). Якщо зареєструватися, то з'явиться можливість зберегти настройки, які ви вказали, що б перевірити сайт в заданих браузерах і системах.
Що б перевірити ваш сайт в різних браузерах, потрібно виконати пару простих кроків, які під силу навіть повного чайнику.
Фактичний час обробки залежить від кількості обраних браузерів. Процес створення скроневої можна спостерігати відразу (не треба чекати, поки все відразу з'явиться).
Зберегти скріни можна або окремо, або відразу все, натиснувши на Download All вгорі праворуч.
Потрібно розуміти, що дане онлайн додаток не в змозі дати раду, як виправити помилку верстки.
Spoon.net - як перевірити сайт в браузерах на помилки
Використовувані браузери від Spoon поводяться точно так же, як якщо б ви були безпосередньо в браузері, встановленому на комп'ютері. Фактично, сервіс дає можливість перевірити сайт в різних, але віртуальних браузерах, так як в систему нічого не встановлюється.
У найпростішому варіанті, після реєстрації на сервісі, ви зможете побачити список підтримуваних браузерів і додатків в своєму особистому кабінеті. При наведенні на іконку будь-якого з них з'являється кнопка Run. натиснувши на неї, потрібно завантажити Spoon плагін (як згадувалося вище). Для установки плагіна не потрібні права адміністратора, в треї з'явиться іконка, при натисканні на неї з'явиться невелика панель з уже активованими компонентами.
По суті, сервіс дозволяє не тільки перевірити сайт в різних віртуальних браузерах, але і встановити інші програми, які будуть працювати у віртуальному режимі. Доступ до компонентів здійснюється як через панель від Spoon, так і в особистому кабінеті в меню Applications.
Нижче я приведу скріншоти додатків, які можна використовувати в віртуальному режимі. Тут навіть гри є!
