Перевірка сайту в різних браузерах

Відео: Кросбраузерність, браузер не відкриває деякі сайти, як перевірити

У цій статті вирішив торкнутися вельми важливу тему для Web-майстра: перевірку сайту в різних браузерах. Я думаю, що Вам відомо, що будь-який сайт виглядає в різних браузерах по-різному. Ускладнюється це тим, що браузерів величезна кількість (а їх версій ще більше), та ще й не забувайте, що існують різні дозволи екранів. Загалом, я вирішив це все об`єднати в одну статті і розповісти, як треба перевіряти сайт в різних браузерах і при різних дозволах екрану.

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

1. Firefox 3 - 25.9%
2. Explorer 8 - 16.6%
3. Opera 11 - 15.1%
4. Chrome - 10.4%
5. Opera Mini - 8.9%
6. Explorer 7 - 8.3%
7. Opera 10 - 6.0%
8. Explorer 6 - 3.9%
9. Opera 9 - 2.0%
10. інші - 0.6%

Які висновки з цієї статистики можна зробити? Незважаючи на ВЕЛИЧЕЗНА кількість самих різних браузерів і їх версій реально використовується не так вже й багато. З власного досвіду скажу, що серед усіх цих браузерів, проблеми бувають тільки з Explorer 6. Правда, проблеми великі і забирають багато нервів, а ось з усіма іншими браузерами, як правило, проблем немає. Але це не означає, що на них не потрібно перевіряти Ваш сайт. Дуже навіть потрібно! Найчастіше в одному браузері все добре, а в іншому виникають проблеми. З 99.9% ймовірністю ці проблеми обумовлені явно кривої версткою. Просто один браузер закрив очі на Ваші помилки, а інший браузер показав їх явно. А помилки, як відомо, треба виправляти. Тому не лінуйтеся перевірити Ваш сайт у всіх вищеназваних браузерах і домогтися правильного відображення в будь-якому з них.

Відео: Тестування веб сторінок

Тепер поговоримо про різні дозволи. Найпопулярнішими є такі (статистика дозволів):

1. 1024 на 768
2. 1280 на 1024
3. 1280 на 800

Відразу кажу, головне для Web-майстра - це ширина, а не висота. Тобто біда маленької ширини екрану полягає в тому, що виникає горизонтальна смуга прокрутки. Тут все залежить від того, який тип верстки Ви створюєте: гумову або фіксовану. Якщо вона у Вас фіксована, значить, просто робіть ширину сторінки на дозвіл екрана - 1024. Відповідно, Ваш сайт буде при ширині екрану 1024 пікселя і більше без горизонтальної смуги прокрутки. Але мінус фіксованою верстки в тому, що при великих дозволах, Ваш сайт буде ставати маленьким. А ось гумова верстка (як у мене на сайті) набагато краще, але і набагато складніше для реалізації. Відразу кажу, Вам не вдасться домогтися того, щоб при будь-якому дозволі у Вас не виникало горизонтальної смуги прокрутки. Але постарайтеся хоча б домогтися того, щоб при вирішенні 1024 її не було. Я свого часу домігся цього при ширині екрану 800 пікселів, хоча зараз це зовсім необов`язково.

Давайте підіб`ємо невеликий підсумок, що Вам потрібно зробити:

• Домогтися коректного відображення всього сайту на всіх популярних браузерах і їх версіях (всього 9 штук).
• Домогтися відсутності горизонтальної смуги прокрутки при ширині екрану 1024 пікселя (знову ж у всіх популярних браузерах).

Завдання це непросте, але повірте вона варта свічок, тому не полінуйтеся і зробіть свій сайт таким, щоб його міг переглянути абсолютно будь-який користувач Інтернету.