Today I am writing about how to get Chrome Frame BHO into Internet Explorer. I am also writing about a comparative test of the IE8 browser with and without Chrome Frame.

How to get ‘Chrome Frame prompt’ on your webpage?

Simply include the following script within the body of the webpage.

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

<div id="placeholder"></div>

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

Any one using Internet Explorer looks up the page with this script, they will get a prompt for downloading Chrome Frame as show in image below.

 How to add Chrome Frame to your website?

Once the user clicks on “Get Google Chrome Frame” it automatically downloads the Chrome Frame BHO as a plug-in for Internet Explorer.

This basically allows Internet Explorer to use Chrome’s rendering engine for better and faster performance. Chrome starts running inside your Internet Explorer.

The Acid 3 Test

I have Internet Explorer 8 which is the the latest from Microsoft and decided to test it with the Acid 3 test. This was to check how well it conformed to web standards for Document Object Model and Java Script.

Acid 3 Test with IE8 without the Chrome Frame plug-in.

 How to add Chrome Frame to your website?

It is pretty clear that my Internet Explorer 8 failed the test. icon sad How to add Chrome Frame to your website?

Acid 3 Test with IE8 with the Chrome Frame plug-in.

 How to add Chrome Frame to your website?

Here my Internet Explorer Browser passed the Acid 3 test because of Chrome Frame. icon smile How to add Chrome Frame to your website?

How to let IE know when to switch over to Chrome?

For users the easiest way for switching over to Chrome Frame with Internet Explorer is to add “cf:” before “http://” on your address bar.

Example:

cf:http://acid3.acidtests.org/

For Developers all you need to do is just add this tag to the top of the page.

<meta http-eqiv=”X-UA-Compatible” content=”chrome=1″>

The tag makes Internet Explorer switch over to Chrome Frame automatically.

Developers who are limiting the performance of HTML5 apps or Java Script to make their website more compliant with Internet Explorer do not need to do so any more. All they need to do is to tag their website for Chrome Frame.

The tag for Chrome Frame does not affect the performance of the website if you are not using Internet Explorer as browser.

Do remember this is still meant for testing purposes for developers. icon wink How to add Chrome Frame to your website?

Link: Developers Guide for Chrome Frame