Geek Answers Handbook

Google Chrome Frame not working

Hey there. I have to use Google Chrome Frame to support certain HTML5 features like Canvas for Internet Explorer 8. I have implemented the code, but it does not seem to work at all. The part of the script that checks whether the GCF user is installed displays an overlay frame with a link to the installer. I installed GCF and even restarted IE8, but it does not seem to work at all. When I go to Tools → Manage Add-ons, it says that it is installed and running, so this may not be a problem. I searched and found that you can check if it is active by right-clicking on the page, it should display a context menu. This does not happen for me, and my page just throws an error when I first use the canvas element. I used a meta tag that should activate GCF on my page,but he does nothing at all.

My code is:

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="chrome=1">

This last line of code should activate the GCF rendering. Then at the end of my page:

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

This should run a script that checks if GCF is installed (this works). I attach the onload event to my window, which executes a function that contains:

<body onload="init();" onunload="doLMSFinish();">

function init() {
CFInstall.check({
    mode: "overlay", destination: "http://www.waikiki.com"
});
}

This code is also used to check if GCF is installed (this also works).

Any ideas? I installed GCF, used the correct meta tag that should activate the GCF rendering, and placed this meta tag right at the top of my page as the first element in my header block. What is wrong with him?

EDIT: - . , ? , , , . Chrome, XML ( ).

EDIT # 2: FTP, , , . , html-, , . canvas.

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<script type="text/javascript">
    canvasSavannah = document.getElementById("savannahStatic");
    contextSavannah = canvasSavannah.getContext("2d");
    savannah = new Image();
    savannah.src = "savannah_static.png";
    savannah.onload = function() {
        contextSavannah.drawImage(savannah, 0, 0);
    };
</script>
</head>
<body>
    <canvas id="savannahStatic" width="942" height="645">
    </canvas>
</body>
</html>
+5
1

javascript html5

, , js html. script , .

<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
</head>
<body>
    <canvas id="savannahStatic" width="942" height="645">
    </canvas> 
    <script type="text/javascript">
        canvasSavannah = document.getElementById("savannahStatic");
        contextSavannah = canvasSavannah.getContext("2d");
        savannah = new Image();
        savannah.src = "savannah_static.png";
        savannah.onload = function() {
            contextSavannah.drawImage(savannah, 0, 0);
        };
    </script>
</body>
</html>
+2

More articles:


All Articles