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

У цього питання є два шляхи вирішення:

1. Встановити на комп’ютер всі значущі браузери (і їх версії)
2. Скористатись спеціалізованими програмами і сервісами.

У двох варіантах є свої плюси і мінуси. Приміром, встановити всі браузери і їх версії досить проблематично. Ще й це завантажує систему. У цьому випадку скористатись спеціалізованими сервісами простіше, от тільки дуже часто вони платні!

Оптимальним варіантом є поєднання цих двох моделей. Наприклад, найновіші версії Firefox, Opera, Safari, Chrome i IE все ж варто встановити на комп’ютері. Для тестування сайта у різних версіях ІЕ є хороша програма IE Tester. Програма являє собою багатопроцесорний браузер. У одному вікні можна відкрити вкладки з одразу усіма версіями браузера ІЕ. Програма безкоштовна і завантажити її можна з офіційної сторінки.

При тестуванні сайтів у Firefox, Opera, Safari чи Chrome не найновіших версій, я особисто користуюсь сервісом AdobeBrowserLab. Сервіс безкоштовний. Для роботи достатньо мати акаунт на Adobe.com. На сьогоднішній день сервіс підтримує такі версії браузерів:

• Firefox – 2.0, 3.0 та 3.5 на Windows XP та OS X
• Safari – 3.0 та 4.0 на OS X
• Chrome – 3.0 на Windows XP
• ІЕ – 6.0, 7.0 та 8.0 на Windows XP

Немає тільки підтримки Opera :getlost:

Як я вже казав, найновішу версію браузера Opera краще встановити собі на десктоп. А перевірити сумісність із старішими версіями, можна скориставшись сервісом BrowserShots. Це open-source сервіс. Можна користуватись безкоштовно – у цьому випадку ваш запит попадає в чергу на опрацювання. А можна платно – ваш запит обробляється поза чергою.

Ну от і все. Гарних вам дизайнів! 🙂

Бонус:

Знайшов цікавий сервіс, що допоможе протестувати дизайн вашого сайта. Називається він FiveSecondTest. Принцип роботи наступний: ви завантажуєте скріншот свого проекту і вписуєте питання щодо дизайну, яке вас цікавить (приміром, “Напишіть головний слоган проекту”). Будь-який гість FiveSecondTest може розпочати ваш тест. Йому буде запропоновано протягом 5 секунд переглядати скріншот вашого проекту, а після – дати відповідь на ваше запитання. Логіка проста – якщо ви вірно візуально виділили значущий пункт чи текст, то користувач легко дасть відповідь на запитання. Якщо ні, то, можливо, вам варто доопрацювати певний елемент дизайну вашого проекту.