Blog Web Standards

Soluções para os problemas enfrentados pelos desenvolvedores HTML e CSS no dia-a-dia

07 2011 outubro

Google Chrome Frame

Autor: g3 em Ferramenta

Última modificação: 13 junho 2012

Chrome Frame

O Google Chrome Frame possui uma proposta de simplesmente “substituir” o motor de renderização do Internet Explorer, habilitando praticamente todos os recursos que estariam disponíveis no navegador Google Chrome.

É como um Plugin que pode ser instalado mesmo por usuários que não possuam permissões de Administrador no Sistema Operacional, funcionando de forma oculta sem mudar a forma de navegar que o usuário já esta acostumado.

Disponível somente para Internet Explorer a partir da versão 6 em Windows a partir da versão XP.

Implementando Chrome Frame

Para ativar o Chrome Frame ao renderizar uma página basta incluir a meta abaixo dentro da tag head.

  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

Além do código para ativar o Chrome Frame incluímos a informação para forçar o Internet Explorer a renderizar com a sua última versão (IE=Edge).

Incluíndo aviso de instalação

Coloque o código abaixo antes de fechar a tag body.

<!--[if lt IE 8]>
  <script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
  <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->

Definimos com conditional comments que ao carregar a página, será apresentado o aviso de instalação apenas aos usuários de Internet Explorer 7 e versões anteriores.

Veja nosso Documento base para HTML, nele utilizamos esse recurso. Devido a mensagem default de instalação do Chrome Frame ser muito invasiva, fizemos uma versão customizada. Faça download do Framework padrão e teste o código em versão inferior ao Internet Explorer 7 para visualizar a nossa customizacao.

Mais sobre Chrome Frame:

9 comentários

Responder
  1. 19 de outubro de 2011

    Carlitos disse:

    Ótimo post, objetivo e muito mais útil que saber sobre hacks para IE 🙂

  2. 24 de outubro de 2011

    Rafael disse:

    Muito mais util q os hacks mesmo
    paguei um pau ! google eh fodaaa
    valeu pelo blog gente, muito bom!

  3. 24 de outubro de 2011

    Rodrigo disse:

    Com certeza, muito útil! Legal ver postagens novas por aqui. Valeu pelo blog e pela postagem, abraços =)

  4. 25 de outubro de 2011

    Danilo disse:

    Imagino que isso deve acabar com alguns problemas que o ie nos trás, só o google mesmo para dar jeito no ie.

  5. 7 de dezembro de 2011

    Isabella Felix disse:

    Simplesmente fantástico!!!!

  6. 4 de janeiro de 2012

    Bruno Pulis disse:

    Eu sempre tive uma dúvida com relação ao Google Chrome Frame quando inserimos a meta tag para forçar a renderização com o motor do Chrome ele passa no validador da w3c normalmente?

    Já vi em alguns casos o validador não dar OK em uma página com causa disso.
    Procede essa informação?

  7. 19 de janeiro de 2012

    Nielson disse:

    Muito bom o conteúdo do Blog. Gostaria de ver posts com estruturas de sites.

  8. 19 de janeiro de 2012

    Nielson disse:

    muito bom!

  9. 5 de maio de 2012

    GABRIEL PARRA disse:

    Ae vlw pela dica hein, muito bom mesmo…Isso me ajudou e resolveu o meu trauma com o IE…

Escreva seu comentário