Створення сайтів - студія веб-дизайну WebStudio2U Контактні дані веб-студії WebStudio2U RSS стрічка веб-студії WebStudio2U Мапа сайту Авторизація

Веб-програмування. Що таке кросбраузерність?

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

У зв'язку із цим з'явилося поняття кросбраузерності - поняття, що описує властивість сайту ідентично працювати і відображуватися у всіх браузерах (зазвичай враховуються лише найпоширеніші). Під ідентичністю розуміється відсутність розвалів верстки і здатність відображати матеріал з однаковим ступенем читабельності. Поняття «кросбраузерність» дуже часто плутають із попіксельною відповідністю, що насправді є різними поняттями.

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

Щоб сайт однаково виглядав і в Internet Explorer, і в Firefox, і в Opera, причому найрізніших версій ( від стареньких до новітніх), веб-дизайнер повинен подбати про кросбраузерність свого дітища від самого початку роботи над проектом.

Із чого почати? Ну, по-перше, необхідно визначитися, з якими саме браузерами повинен працювати сайт. Для цього потрібно вивчити статистику відвідувань сайтів (наприклад, зі схожою тематикою), у якій є можливість подивитися, якими браузерами користувалися його відвідувачі. Сервіс Google Analytics, наприклад, надає таку можливість. Таким чином, визначивши найбільш популярні з погляду кількості відвідувань браузери, можна приступати до дій.

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

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

кросбраузерність

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

Проводити тестування сайту на кросбраузерність найкраще на локальному комп'ютері, на якому встановлені різні браузери, різні версії браузерів і існує можливість змінювати роздільну здатність монітора. Зробити це можна шляхом створення декількох віртуальних машин з різними ОС, на яких і будуть установлені різні браузери (Linux, Windows, Mac OS і BSD браузери).

Перевірити сайт на кросбраузерність можна встановивши на локальному комп'ютері веб-сервер (ISS, Apache,...) і звернувшись до сторінки через IP-адресу комп'ютера (http://127.0.0.1). Недоліки цього способу перевірки: Ви протестуєте сайт тільки під однією ОС і під браузерами сумісними із цією ОС, у більшості випадків Вам не вдасться встановити більш старі версії браузерів паралельно новим версіям, Ви затратите величезну кількість часу на встановлення веб-сервера і браузерів/різних версій браузерів.

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

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

кросбраузерність
Теги:
кросбраузерність, тестування сайтів, тест на кросбраузерність, розробка сайтів, веб-дизайн