Google Chrome Frame

Сегодня компания Google выпустила плагин с открытыми исходниками для Internet Explorer – Google Chrome Frame. Он позволяет использовать в IE 6+ возможности HTML 5, даже те, которые он еще не поддерживает (например <canvas>). Кроме того, согласно утверждениям разработчиков, производительность JavaScript с использованием плагина гораздо выше, так как интерпретатор реализован на движке WebKit.

Мне кажется это очень хорошая новость, хотя не думаю, что все пользователи Internet Explorer тут же ринутся его устанавливать. Если они не считают нужным переходить с IE на что-нибудь другое, то врядли станут тратить время на новую заморочку. Хотя надеюсь, что я ошибаюсь .

В любом случае, чтобы использовать возможности Google Chrome Frame, нужно совсем немного – добавить следующий тег:

<meta equiv="X-UA-Compatible" content="chrome=1">

Когда Google Chrome Frame определит тэг на странице, он автоматически переключит движок браузера на свой, основанный на WebKit.

Этого достаточно для самого простого использования. Если идти дальше, то можно еще и предлагать пользователю установить плагин, если он еще не установлен. На стороне сервера наличие плагина можно определить по заголовку User-Agent, который должен содержать строку chromeframe. Если такой строки нет, то выводим на страницу текст, предлагающий установить его. В качестве альтернативы серверному методу, можно использовать определение наличия плагина и на стороне клиента. В этом случае вставьте на страницу следующий скрипт:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
<div id="placeholder"></div>

 CFInstall.check({
    node: "placeholder",
    destination: "http://www.example.com"
  });
</script>

В Internet Explorer этот скрипт выполнит проверку и вставит iframe вверху страницы с предложением установить плагин. Если вы указали параметр node (как в нашем примере), то iframe будет добавлен в указанный элемент. После того, как пользователь установит плагин, он будет перенаправлен на destination URL. Больше по этой теме можно почитать здесь: Developer’s Guide.

Посетить домашнюю страницу проекта.