Режим сумісності: підлаштовуємося під веб, Різне, Інтернет-технології, статті

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


Internet Explorer 8 підтримує найсучасніші стандарти, затверджені консорціумом всесвітньої павутини, наприклад, Cascading Style Sheets версії 2.1 (CSS 2.1). Крім того, поліпшення торкнулися і HTML. Очевидно, що сайти, розроблені під минулі версії браузера, можуть відобразитися некоректно – наприклад, “поїде” текст, спотвориться поля, неправильно буде виведено меню і так далі. Виправити ситуацію можна двома шляхами – або оновити сайт, щоб він підтримував останні стандарти, або відобразити сайт так, як це було б в попередніх версіях браузера. Internet Explorer 8 підтримує кілька режимів сумісності. Включити їх може як користувач при перегляді сайту, так і розробник.


Режим сумісності для розробників


Розробники веб-сайтів можуть спочатку дати команду браузеру відтворювати сайт в режимі сумісності. Це позбавляє користувачів від необхідності самостійно активувати даний режим при перегляді сайту. Для того щоб задати необхідний режим сумісності сторінки, слід в елемент meta прописати параметр X-UA-compatible. Як приклад наведено наступний код:



У даному прикладі для емуляції поведінки браузера Internet Explorer 7 відповідним чином прописаний елемент content. Змінивши параметр на “IE = IE8”, можна включити режим IE, а також будь-які інші, аналогічним чином. Доступні режими та їх описи дані нижче. Крім того, існує можливість прописати режим сумісності не тільки для окремих сторінок, але і для всього сайту. Механізм визначається використовуваним веб-сервером (наприклад Apache, IIS).


Визначити, який режим сумісності використовується на сторінці, можна за допомогою властивості documentMode. Розробник за допомогою JavaScript може прописати це властивість будь-якого елементу. Наприклад, при натисканні на заданий текст буде показуватися дана інформація. Також можна просто відкрити потрібну сторінку і ввести в адресний рядок наступну команду:


javascript:alert(document.documentMode);


З’явиться вікно з числом, яке відповідає призначеному режиму відображення. Так, якщо встановлено режим сумісності IE7, відобразиться число “7”.


Отримати інформацію про поточний режим браузера можна також за допомогою інструменту розробника, доступного в Internet Explorer через меню Сервіс – Засоби розробника (відкрити інструмент можна і клавішею F12).


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


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


На головній панелі відображений використовуваний режим. При натисканні з’являється меню вибору. Таким чином, можна примусово поміняти режим сумісності, навіть якщо сайт підтримує режим IE8 за замовчуванням (то є відсутня спеціальна іконка для користувача інтерфейсу, що включає режим сумісності, якщо це необхідно).


Різні режими сумісності


Internet Explorer 8 має декілька режимів сумісності. Режим IE8 – режим за замовчуванням, що підтримує найостанніші стандарти, наприклад такі, як CSS 2.1. Режим “емулювання IE8” (EmulateIE8) повідомляє браузеру про необхідність використання тега для визначення того, як йому слід відображати вміст. Якщо в теге прописаний “стандартний режим” (standards mode, інакше strict mode), то вміст відобразиться в стандартному режимі Internet Explorer 8, а якщо в теге прописаний режим quirks (quirks mode), то в режимі Internet Explorer 5. Поняття quirks mode і standards mode з’явилися ще в Internet Explorer 6. В першому режимі вміст відображалося так, як це робив би браузер попередньої (тобто п’ятої) версії. У свою чергу, “стандартний режим” включав підтримку основних веб-стандартів. Для того щоб браузер визначив і використовував потрібний режим, потрібно прописувати інформацію в теге . Відмінність “емуляції IE8” від звичайного режиму “IE8” полягає в тому, що в режимі емуляції браузер звертається до тегу . У режимі “емулювання IE7” (EmulateIE7) браузер також звертається до тегу , але при вказівці на “стандартний режим”, вміст відображається як “стандартний режим” для браузера Internet Explorer 7. Вказівка ​​на режим quirks сприймається аналогічно попередньому випадку. Для більшості веб-сайтів такий режим сумісності сьогодні є оптимальним.


Режим IE5 відображає сторінки так, як вони б відображалися в режимі quirk браузером Internet Explorer 7 (тобто спосіб відображення сторінок аналогічний браузеру Internet Explorer 5). В режимі IE7 сторінки відображаються як в “стандартному режимі” Internet Explorer 7, незалежно від тега та інформації в ньому. Останній режим Edge повідомляє браузеру, що вміст слід відображати в самому останньому з доступних браузеру режимів. На практиці це означає, що для Internet Explorer 8 цей режим аналогічний режиму IE8, а для майбутніх версій браузера це буде IE9, IE10 і так далі.


Режим сумісності для користувачів


Для кінцевих користувачів режим сумісності дозволяє відобразити сторінки, написані для попередніх версій браузера, в коректному вигляді. Як згадувалося раніше, Internet Explorer 8 підтримує CSS 2.1. Деякі сайти, створені під попередні версії, можуть не підтримувати такий стандарт, отже, код відтвориться некоректно. У разі якщо сайт в новій версії браузера відображається правильно, режим сумісності не використовується. Якщо браузер виявляє проблеми, з’являється спеціальна кнопка режиму сумісності, розташована праворуч від адресного рядка, поруч із кнопкою оновлення сторінки. Поки сайт не оптимізований під Internet Explorer 8, користувач може включити режим сумісності, натиснувши на цю кнопку.


Додаткова іконка користувальницького інтерфейсу з


Додаткова іконка користувальницького інтерфейсу з’являється, якщо виявлена ​​проблема сумісності.


У цьому випадку сторінка відобразиться заново так, як це було б при використанні попередніх версій Internet Explorer 7, тобто за правилами минулій версії браузера. Підказка поруч з вкладкою, в якій була відображена сторінка, повідомить про те, що був включений режим сумісності. Слід зазначити, що цей режим буде діяти тільки для потрібної вкладки, для інших вкладок він буде як і раніше неактивний. Уподобання користувача запам’ятовуються, тобто при відкритті даної сторінки в наступний раз, режим сумісності буде активований за умовчанням. Крім того, режим сумісності буде включений для всього домена, на якому виявлено проблема сумісності, цілком. Список веб-сайтів, які були додані для перегляду в режимі сумісності, можна подивитися через меню Сервіс – Параметри режиму сумісності. Можна вручну додати або видалити веб-сайти для яких визначено перегляд у режимі сумісності. Тут же доступна настройка для інтранету. Внаслідок того, що такі сторінки зазвичай рідше піддаються оновлень, ніж загальнодоступні сторінки Інтернету, за замовчуванням Internet Explorer буде відображати їх в режимі сумісності. Цю опцію можна відключити. Також є можливість включити режим сумісності для всіх веб-сайтів.


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

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*