Internet Explorer Platform Preview Guide для програмістів: Частина 1, Різне, Інтернет-технології, статті

Вступ


Зустрічайте Windows Internet Explorer Platform Preview, який є попереднім баченням на нові можливості Internet Explorer 9. Мета даної статті – підготувати веб-розробників до нововведень нової версії браузера. Обов’язково відвідайте демо сайт (Test Drive site) і Internet Explorer Developer Center на MSDN.


Призначення Internet Explorer Platform Preview – допомогти розробникам зрозуміти напрямок розробки Internet Explorer 9 в розрізі наступних напрямків:



Ефективність браузера включає в себе безліч різних підсистем в браузері. Різні сайти т різні частини окремого сайту навантажують браузер по різному. Наприклад, такі веб-додатки, як Windows Live Mail або Google Docs будуть використовувати підсистеми браузера абсолютно різними способами в порівнянні з такими сайтами, як Bing News або Digg.


Продуктивність скриптів движка лише маленька частина всієї картини про продуктивність. В Internet Explorer 8 продуктивність скриптів була значно збільшена в порівнянні з Internet Explorer 7 і в Internet Explorer Platform Preview спостерігаємо ту ж картину.


Звичайно, команда розробників Internet Explorer дивиться на характеристики продуктивності всіх підсистем браузера. Завданням є надати кращу продуктивність для real-world сайтів.


Підтримка веб-стандартів для більшої сумісності


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


Починаючи з Internet Explorer 8 команда розробників надала підтримку CSS 2.1 і надала набір з більш ніж 7200 тестів всесвітнього консорціуму (W3C). Це важливо. Без перевірочних тестів складно реалізувати підтримку стандартів.


Internet Explorer Platform Preview вніс великий вклад в підтримку стандартів і сумісності. Наприклад, краща підтримка деяких можливостей CSS3, підтримка HTML5, і – вперше для IE – підтримку SVG і багато чого іншого.


Новий графічні можливості


Операційна система Windows надає чудові інновації в області апаратного забезпечення. Разом з Internet Explorer Platform Preview веб-розробники можуть використовувати нові можливості рендеринга графіки і тексту.


Internet Explorer Platform Preview використовує DirectX, що дало можливість перенести весь рендеринг графіки і тексту з CPU в графічну карту використовуючи Direct2D і DirectWrite. Апаратне прискорення означає, що сайти з великою кількістю графічної інформації зможуть отрісовиваться швидше при меншій завантаженні CPU. Крім того, ви відчуєте це автоматично.


Список нововведень


Для вашої зручності цей список містить всі нововведення в Internet Explorer Platform Preview.



Покращена сумісність і підтримка стандартів


Важливо: Більшість нових підтримуваних можливостей в Internet Explorer Platform Preview вимагають щоб браузер був в режимі Internet Explorer 9 Standards Mode (“IE9 Document Mode”). Режими описані в статті “Defining Document Compatibility” на сайті MSDN. Стандартним режимом для Internet Explorer Platform Preview є IE9 Document Mode. Поточний режим відображається внизу вікна Developer Tools при першій завантаженні сторінки, як це показано нижче:



CSS3 Selectors


Internet Explorer Platform Preview підтримує синтаксис CSS селекторів, описаних в CSS3 Selectors Proposed Recommendation. Тут представлені селектори, які з’явилися в Internet Explorer Platform Preview. (Для детального ознайомлення рекомендується ознайомитися з статтею “CSS Compatibility and Internet Explorer” на MSDN.)


Структурні псевдо-класи

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


Наступний код вибирає елемент E, Який є коренем документа:

E:root 

Наступний код вибирає елемент E, Який є n-м дочірнім елементом:

E:nth-child(n)

Наступний код вибирає елемент E, Який є n-м дочірнім елементом з кінця:

E:nth-last-child(n) 

Наступний код вибирає елемент E, Який є n-м елементом такого ж типу:

E:nth-of-type(n) 

Наступний код вибирає елемент E, Який є n-м елементом такого ж типу з кінця:

E:nth-last-of-type(n)

Наступний код вибирає останній дочірній елемент елемента E:

E:last-child 

Наступний код вибирає елемент E, Який є наступним елементом такого ж типу:

E:first-of-type 

Наступний код вибирає елемент E, Який є останнім елементом такого ж типу:

E:last-of-type 

Наступний код вибирає елемент E, Який є єдиним дочірнім елементом свого батька:

E:only-child

Наступний код вибирає елемент E, Який є єдиним елементом такого типу:

E:only-of-type

Наступний код вибирає елемент E, Який не містить дочірніх елементів.

E:empty

Псевдо-клас target

Псевдо клас target вибирає елемент, який є target для URI з ідентифікатором фрагмента, наприклад http://www.example.com/mypage.html#section_3.


Наступний код вибере елемент div класу important, який є target елементом для посилається URI. Якщо URI не містить ідентифікатор фрагмента, то target елемент відсутній.

div.important:target

Псевдо-класи UI element states

Псевдо-класи UI element states використовуються для вибору UI елементів, які знаходяться в певному стані-enabled, disabled, або checked.


У прикладі вибираємо елемент зі станом enabled:

E:enabled

У прикладі вибираємо елемент зі станом disabled:

E:disabled 

У прикладі вибираємо елемент зі станом checked (для radiobutton або checkbox):

E:checked 

Псевдо-клас negation

Псевдо-клас negation приймає простий селектор як аргумент для вибору елементів, які не вибрані цим аргументом.

E:not(s)

Document Object Model (DOM) Levels 2 and 3


В Internet Explorer Platform Preview додано підтримку Document Object Model Level 2 (DOM L2) і DOM L3.


Internet Explorer Platform Preview підтримує:



Покращена підтримка:



HTML5


Підтримка чернетки специфікації HTML5 була анонсована в Internet Explorer 8, включаючи DOM Storage, Cross-document Messaging, Ajax Navigations (використовуючи значення window.location.hash), і обробники подій ononline і onoffline.


Потрібно пам’ятати, що специфікація HTML5 до цих пір знаходиться в стадії чернетки. Поки статус не зміниться на Candidate Recommendation, вона може кардинально іменяться. Для більш детальної інформації ознайомитеся з останньою версією чернетки HTML5.

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


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

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

Ваш отзыв

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

*

*