Совсем недавно стала доступна последняя версия браузера Internet Explorer 9 Beta, которая вызвала большой ажиотаж у многих разработчиков, дизайнеров и верстальщиков. В статье предлагается расширенный обзор новых возможностей.

Внешний вид

Графический интерфейс стал более аскетичным и не перегруженным. Правда, UI не написан на WPF, как этого многие ожидали.

В общем смотрим сами:

Внешний вид IE9

Новый JavaScript движок: Chakra

Эти результаты были получены для Dell Optiplex (3.0 GHz Core 2 Duo Intel, 4GB RAM, Intel Integrated Video, под управлением Windows 7).

Особенность нового движка в том, что он компилирует скрипты в отдельном ядре процессора, параллельно веб-браузеру, что позволило увеличить производительность и уменьшить время на рендеринга веб-страниц.

Схема работы движка Chakra

Chakra содержит новый JavaScript компилятор, который компилирует исходный код JavaScript в высококачественный машинный код, новый интерпретатор для выполнения скриптов, и улучшенный JavaScript рантайм. Детальнее можно почитать на TechNet.

Возможность измерять производительность

Измерять производительность можно с помощью window.msPerformance. На данный момент не существует других реализаций и отсутствует совместимость с другими браузерами. Этот интерфейс записывает основную информацию о времени загрузки корневого документа с точностью до миллисекунды, которая доступна посредством DOM сразу же по завершении загрузки страницы.

При вызове следующего кода:

вы получите что-то похожее на:

1284575162287ms
Wed Sep 15 21:26:02 2010

Более детально об измерении производительности можно почитать здесь.

Интеграция с Windows 7

IE9 использует все возможности Windows 7:

Работа с Pinned Site и Jump List

Идея Pinned Site состоит в том, что вы можете легко прикрепить ссылку на понравившийся сайт на панели задач или в Program Menu. Для этого необходимо перетащить сайт в нужное место путем drag & drop. При этом интерфейс браузера изменится таким образом:

Если вы хотите, чтобы на панели отображалась дополнительная информация, то необходимо добавить следующие мета-теги, которые задают название сайта, подсказку и стартовую страницу соответственно:

 content="Start the Pinned Site" />

 content="http://example.com/start.htm" />

Сайты можно размещать на панели задач программным путем:

if (window.external.msIsSiteMode) {
  if (window.external.msIsSiteMode()) {
    // we are already in site mode
  }
  else {
    // add site to the Programs menu
    window.external.msAddSiteMode()
  }
}

Также вы можете выполнять наложение нескольких иконок программным путем:

window.external.msSiteModeSetIconOverlay('http://host/overlay1.ico’,'Overlay 1');
window.external.msSiteModeClearIconOverlay();

Если вы хотите добавить несколько страниц в Jump List, то нужно описать их с помощью tasks:

content="name=Task 1;action-uri=http://host/Page1.htm;
 icon-uri=http://host/icon1.ico"/>

content="name=Task 2;action-uri=http://host2/Page2.htm;
 icon-uri=http://host2/icon2.ico"/>

Боле детально о Pinned Site можно почитать в блоге Сергея Байдачного или посмотреть видео.

Безопасность

На сегодняшний день IE9 является самым безопасным браузером в мире.

Небольшая статистика:

• Более 1 миллиарда вредоносного ПО заблокировано
• 160 миллионов phishing блоков
• SmartScreen репутация

Статистика Malware Block Rate:

Центр тестирования Internet Explorer 9 Beta

Находится по адресу: http://samples.msdn.microsoft.com/ietestcenter/

Здесь вы можете протестировать новые возможности IE9 - HTML5, SVG, CSS3, DOM, JavaScript, а также сравнить IE9 с другими браузерами:

Семантические элементы

В данный момент IE9 не содержит реализации таких элементов как section, header, article, footer и т.д. (Почему так, читаем здесь) Но создавать свои собственные категории уже можно:

Microsoft User Group Vinnitsya

В результате получим:

Дополнительные ссылки:

1. HTML 5 и Internet Explorer 9: новые псевдоклассы и псевдоэлементы
2. HTML 5 и Internet Explorer 9: Border Radius
3. HTML 5 и Internet Explorer 9: семантические элементы
4. Режим совместимости и Internet Explorer 9
5. Pinned sites и Jump Lists
6. Internet Explorer 9 открыл онлайн-красоту в HTML5, CSS3, SVG и не только
7. Internet Explorer 9 beta review: Microsoft reinvents the browser

В целом, IE9 - это большой шаг вперед. В своих проектах я уже использую IE9 для отладки и тестирования приложений. После веб-слайсов и акселераторов в IE9 добавлены новые возможности, которые позволяют более тесно работать с веб-сайтами и закладками. Нужно помнить, что сегодняшняя версия - это бета, поэтому до релиза еще может что-то измениться. Вы можете сообщать о всех проблемах и багах в Microsoft Connect.

Happy coding!

В твиттере просьба использовать хэш-теги #IE9UA и #IE9. Скачать IE9 Beta можно по адресу: http://www.beautyoftheweb.com/

P.S. IE9 демо: The Killers, Jitterbugs, WebVizBench, Rough Guides, Never Mind the Bullets, Agent 008 Ball, AP Timeline Reader.

P.S.S. Еще обзоры:

• AFP - Internet Explorer 9 puts spotlight on website features
• BBC - Explorer 9 and a better web
• CNN.com - The browser wars are back
• DownloadSquad - Internet Explorer 9 interface streamlined, brings unified address and search bar, speed dial
• IDG News - IE9 Has Google Chrome on the Run
• PC Magazine - Internet Explorer 9 is a Browser You'll Want to Use
• PC World - Internet Explorer 9 Will Crush Browser Competition
• Seattle PI - Internet Explorer 9 beta brings the Web to our level
• USA Today - Microsoft's Internet Explorer 9 a huge step forward