Rack::ChromeFrame

Added by luigi at October 09, 2009 17:35 Star_small_grayStar_small_grayStar_small_grayStar_small_grayStar_small_gray
GitHub stats:
Magnifier watcher(s)
Arrow_branch fork(s)
Wrench
Script Code on Gist

About

Inject code into HTML response to enable Google Chrome Frame for IE users. Prompts users to install if required.

Details

Google Chrome Frame is an open source plug-in that brings HTML5 and other open web technologies to Internet Explorer. See the developer's guide for more on implementation.

This middleware injects two snippets of code into every outgoing HTML response, which only affects Internet Explorer users.

At the bottom of the <head>, enable Chrome Frame if it's installed:

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

At the bottom of the <body>, prompt the user to install Chrome Frame if it's not yet installed:

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>
  <div id="cf-placeholder"></div>
  <script>CFInstall.check({node: "cf-placeholder"});</script>

The user will be presented with a page overlay displaying the official Chrome Frame installation page.

Usage

To use in your Rails app, place chrome_frame.rb in lib/rack.

Then in environment.rb:

config.middleware.use "Rack::ChromeFrame"

Or in the config.ru rackup file of your Sinatra app:

require 'chrome_frame'
use Rack::ChromeFrame

That's all there is to it. Fire up your app, View Source on any page, and see the magic.

Tests

Clone the full repo from GitHub.

To run the tests:

gem install rack-test
cd test
ruby chrome_frame_test.rb
blog comments powered by Disqus