FAQs para desenvolvedores da web

Introdução

  1. O que está por dentro do Google Chrome?
  2. Onde posso encontrar informações sobre outros navegadores?

User agent

  1. O que é a string "user agent" do Google Chrome?

Codificação de idiomas

  1. O Google Chrome não está exibindo caracteres corretamente
  2. A instrução de codificação com JavaScript (document.write) não funciona
  3. O Google Chrome está exibindo "%B1%C1%C3%E5" em vez de dois caracteres chineses

Scripts e aplicativos da web

  1. Meu controle ActiveX não está sendo carregado
  2. Meu JavaScript não está sendo executado corretamente

Processamento e comportamento do navegador

  1. Meu site é processado de modo diferente no Google Chrome e no Internet Explorer
  2. Como posso testar meu site no Google Chrome?
  3. As especificações de fonte em uma folha de estilo externa não entram em vigor
  4. Os menus pop-up do meu site não estão aparecendo no Google Chrome
  5. Meu site protegido por SSL está exibindo um ponto de exclamação no Google Chrome, em vez de um cadeado
  6. A API do banco de dados HTML5 não é compatível com o Google Chrome
  7. Como posso personalizar a aparência e a função dos atalhos do Google Chrome que apontam para a minha página?
  8. Como minha página da web pode ser aberta em uma nova guia em um processo separado?

Pesquisar

  1. A inserção de um endereço de intranet leva a uma página de resultados de pesquisa, não ao site de intranet
  2. Como posso incluir a pesquisa do meu site nas opções de pesquisa do Google Chrome?

Introdução

1. O que está por dentro do Google Chrome?

O Google Chrome contém muitos recursos que podem ser aproveitados pelos webmasters para oferecer uma melhor experiência ao usuário final. O Google Chrome vem com o Google Gears incorporado, que permite aos webmasters aproveitar APIs como o armazenamento off-line. Além disso, o Google Chrome faz com que seu aplicativo da web pareça um aplicativo de "área de trabalho" e, desse modo, os usuários podem iniciar o Google Chrome com poucos recursos, com nada além de uma barra de títulos.

O Google Chrome também usa um novo mecanismo JavaScript (V8), que é muito mais rápido do que os interpretadores JavaScript existentes. Desse modo, você pode criar aplicativos AJAX mais complexos e robustos com menos restrições de velocidade e processamento. Finalmente, o Google Chrome é equipado com o WebKit, permitindo que os usuários aproveitem os recursos CSS3 que são adicionados ao WebKit à medida que são lançados.

2. Onde posso encontrar informações sobre outros navegadores?

Existem diversos outros navegadores que podem ser escolhidos. Obtenha mais informações sobre os navegadores utilizados com mais freqüência nos sites listados a seguir:

User agent

3. O que é a string "user agent" do Google Chrome?

A string "user agent" do Google Chrome é:

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.X.Y.Z Safari/525.13.

O Google Chrome usa o mecanismo de renderização WebKit, que é compartilhado por outros navegadores como o Safari da Apple. As páginas da web devem ter a mesma aparência no Google Chrome que têm nesses outros navegadores baseados no WebKit. Você pode procurar webkit nas strings "user agent" para apontar esses navegadores, em vez do nome de um navegador específico (como Google Chrome ou Safari).

Codificação de idiomas

4. O Google Chrome não está exibindo caracteres corretamente

Para ajudar os navegadores a processar seu conteúdo corretamente, sempre forneça informações de conteúdo e codificação de caracteres na parte superior da origem do documento. Se você usar frames ou iframes, especifique a codificação na parte superior da origem desses frames também. Alguns navegadores (inclusive o Google Chrome) não reconhecerão as instruções de codificação que aparecem em níveis profundos de um documento (por exemplo, depois de CSS ou script na seção do cabeçalho do documento).

Exemplo de um bom posicionamento da codificação:

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <script type="text/javascript">
      ... seu código JavaScript ...
    </script>
    .......

Além disso, verifique se o seu servidor da web não está enviando cabeçalhos HTTP conflitantes. Os cabeçalhos enviados pelo servidor da web substituirão todas as instruções de conjunto de caracteres da sua página.

5. A instrução de codificação com JavaScript (document.write) não funciona

O Google Chrome não lê informações de codificação declaradas com document.write(). Se você usar esse método para declarar a codificação em iframes, por exemplo, poderá ver caracteres truncados quando o iframe for processado. Em vez de:

frame1.js 

document.write("<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">");
			... outro código JavaScript ...

...recomendamos o seguinte:

frame1.html

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <script type="text/javascript">
      ... seu código JavaScript ...
    </script>
    ...

6. O Google Chrome está exibindo "%B1%C1%C3%E5" em vez de dois caracteres chineses

O sinal de porcentagem do Google Chrome codifica parâmetros de consulta em um URL. Verifique se os scripts do servidor estão decodificando adequadamente os caracteres de porcentagem antes de processar os dados.

Scripts e aplicativos da web

7. Meu controle ActiveX não está sendo carregado

Você deve especificar uma versão NPAPI do plug-in.

O ActiveX é compatível apenas com o Internet Explorer (e navegadores baseados no Internet Explorer) no Windows. O Google Chrome, o Mozilla Firefox, o Apple Safari e outros navegadores não são compatíveis com ActiveX. Em vez disso, esses navegadores usam NPAPI (Netscape Plugin Application Programming Interface ou Interface de programação de aplicativos de plug-in Netscape).

8. Meu JavaScript não está sendo executado corretamente

Existem algumas maneiras de visualizar erros de JavaScript e de trabalhar para depurá-los no Google Chrome:

  • Console JavaScript: clique no ícone do menu Página e selecione Desenvolvedor > Console JavaScript. A partir desse ponto, você poderá visualizar erros na execução do JavaScript e inserir comandos JavaScript adicionais a serem executados.

  • Depurador JavaScript: disponível como o ícone do menu Página > Desenvolvedor > Depurar JavaScript, o depurador fornece um prompt de comando a partir do qual é possível definir pontos de quebra, caracteres de retorno e muito mais. Digite ajuda na linha de comando do depurador para começar.

Processamento e comportamento do navegador

9. Meu site é processado de modo diferente no Google Chrome e no Internet Explorer

O Google Chrome usa um método de renderização diferente do Internet Explorer e, por isso, as páginas da web podem ser exibidas de modo diferente. O Apple Safari usa o mesmo mecanismo de renderização do Google Chrome (WebKit) e deve exibir as páginas da mesma maneira.

10. Como posso testar meu site no Google Chrome?

Existem várias ferramentas para ajudar você a testar seu site no Google Chrome:

  • Inspetor da web
    Clique com o botão direito do mouse em qualquer componente de uma página da web para iniciar o Inspetor da web. Você verá os elementos e recursos associados ao componente no qual clicou, incluindo uma visualização da hierarquia de DOM e um console JavaScript.
  • Gerenciador de tarefas
    Selecione o ícone do menu Página e clique em Desenvolvedor > Gerenciador de tarefas (ou pressione Shift+Esc). O gerenciador de tarefas mostra todos os processos em execução no Google Chrome e os recursos que estão sendo usados (memória, CPU e rede).
  • Depurador JavaScript
    Selecione o ícone do menu Página e clique em Desenvolvedor > Depurar JavaScript. Isso inicia um depurador JavaScript que pode ser anexado aos processos existentes.

11. As especificações de fonte em uma folha de estilo externa não entram em vigor

Verifique se suas folhas de estilo externas estão sendo veiculadas com o conjunto de caracteres e o tipo de conteúdo corretos. Elas devem ser veiculadas como text/css ou text/css;charset=X.

É melhor não especificar o conjunto de caracteres de uma folha de estilo no cabeçalho HTTP; em vez disso, adicione a instrução logo no início (sem caracteres antes, incluindo espaços e quebras de linha) da folha de estilo CSS do seguinte modo:

@charset "xxx"

Se as informações de codificação não forem especificadas, sua folha de estilo talvez não seja analisada adequadamente.

Para saber mais sobre esse tópico, consulte a documentação do World Wide Web Consortium em http://www.w3.org/TR/CSS21/syndata.html#charset.

12. Os menus pop-up do meu site não estão aparecendo no Google Chrome

O comportamento padrão do Google Chrome procura minimizar e exibir apenas a barra de título dos pop-ups na parte inferior direita da janela do navegador. Os usuários podem visualizar o conteúdo de um menu pop-up arrastando sua barra de título em uma posição mais visível. Isso permite o carregamento dos pop-ups e não quebra a funcionalidade dos sites que dependem deles. Isso também impede que pop-ups indesejados cubram a página e distraiam os usuários.

13. Meu site protegido por SSL está exibindo um ponto de exclamação no Google Chrome, em vez de um cadeado

Isso indica um problema com o uso do SSL na página. Clique no ponto de exclamação no Google Chrome para obter mais detalhes sobre o problema. Geralmente, os problemas resultam de conteúdos misturados na página; por exemplo, sua página da web de nível superior é veiculada como HTTPS e protegida por SSL, mas também estão incluídos elementos HTTP na página (como imagens, script ou CSS). Todo conteúdo deve ser veiculado como HTTPS para que o cadeado apareça.

14. A API do banco de dados HTML5 não é compatível com o Google Chrome

A equipe do Google Chrome pretende oferecer suporte à API do banco de dados HTML5, bem como a outras APIs compatíveis com o WebKit, incluindo trabalhadores e modo off-line, em versões futuras.

15. Como posso personalizar a aparência e a função dos atalhos do Google Chrome que apontam para a minha página?

Os usuários do Google Chrome podem criar atalhos para qualquer página da web selecionando Criar atalhos de aplicativo no ícone do menu Página. Por padrão, os novos atalhos têm o título e o ícone da página para a qual estão apontando.

Você pode especificar o título, a descrição e o URL dos atalhos do Google Chrome que apontam para a sua página inserindo meta tags específicas na seção <head> do documento.

Para personalizar: Exemplo de tag
O título do atalho nome do aplicativo <meta name="nome do aplicativo" content="Gmail"/>
A descrição (usada quando há mais espaço disponível, como no painel de preferências) descrição <meta name="descrição" content="Abordagem do Google para e-mails"/>
O URL a ser aberto quando o atalho é clicado URL do aplicativo <meta name="URL do aplicativo" content="http://www.gmail.com"/>
O ícone do atalho   <link rel="ícone" href="gmail_32x32.png" sizes="32x32"/>
<link rel="ícone" href="gmail_48x48.png" sizes="48x48"/>

Por exemplo:

<head>
  <meta name="nome do aplicativo" content="Gmail"/>
  <meta name="descrição" content="Abordagem do Google para e-mails"/>
  <meta name="URL do aplicativo" content="http://www.gmail.com"/>
  <link rel="ícone" href=gmail_32x32.png sizes="32x32"/>
  <link rel="ícone" href=gmail_48x48.png sizes="48x48"/>
</head>

Essas tags correspondem às da API de área de trabalho do Google Gears. Consulte a documentação da API de área de trabalho do Google Gears para obter mais informações.

16. Como minha página da web pode ser aberta em uma nova guia em um processo separado?

O Google Chrome tem uma arquitetura de vários processos que permite executar guias em processos separados uma da outra e do processo do navegador principal. No entanto, as novas guias geradas de uma página da web em geral são abertas no mesmo processo, de modo que a página original pode acessar a nova guia usando JavaScript.

Se desejar abrir uma nova guia em um processo separado:

  • Abra a nova guia com about:blank como destino.
  • Defina a variável opener da guia recém aberta como null para que a página original não possa ser acessada.
  • Redirecione a partir de about:blank para qualquer URL em um domínio, porta ou protocolo diferente do da página que acionou o pop-up. Por exemplo, se a página que acionou o pop-up estiver em http://www.example.com/:
    • um domínio diferente seria http://www.example.org
    • uma porta diferente seria http://www.example.com:8080
    • um protocolo diferente seria https://www.example.com

O Google Chrome reconhecerá essas ações como uma dica de que as páginas novas e antigas devem ser isoladas umas das outras e tentará carregar a nova página em um processo separado.

O snippet de código a seguir pode ser usado para realizar todas essas etapas:

var w = window.open();
w.opener = null;
w.document.location = "http://different.example.com/index.html";

Pesquisar

17. A inserção de um endereço de intranet leva a uma página de resultados de pesquisa, não ao site de intranet

Quando um usuário insere uma única palavra na barra de endereço, o Google Chrome pesquisa o termo e retorna resultados usando o mecanismo de pesquisa padrão do usuário. Ao mesmo tempo, o Google Chrome emite uma solicitação HEAD para o termo http:// a fim de verificar se o site é válido. Se o Google Chrome receber uma resposta HTTP/2xx (como HTTP/200 OK), o usuário terá que informar se deseja visitar o site. Clicar no site a partir da solicitação define esse site como o destino padrão do termo para futuras solicitações.

O Google Chrome também exibirá a solicitação se receber:

  • uma resposta HTTP/401 ou HTTP/407
  • um redirecionamento HTTP/3xx que termina em uma página com alguma das respostas acima

Verifique se seu servidor da web responde adequadamente às solicitações HEAD, não apenas às solicitações GET de uma página.

Por exemplo, se um site existir em http://project.intranet.example.com e um usuário dessa rede corporativa inserir project na barra de endereço:

  • O Google Chrome retornará resultados de pesquisa para o termo project
  • Ao mesmo tempo, o Google Chrome verificará se http://project é um site válido. Em caso afirmativo,
  • Será exibida uma solicitação perguntando se o usuário deseja visitar http://project
  • Assim que o usuário clicar em http://project, o Google Chrome definirá http://project como destino de todas as instâncias futuras de project na barra de endereço

Os usuários podem alterar o comportamento (pesquisa) padrão inserindo project/ ou http://project ou selecionando a entrada project/ da barra de endereço em vez de Procurar project.

18. Como posso incluir a pesquisa do meu site nas opções de pesquisa do Google Chrome?

Fornecendo um documento de descrição OpenSearch (OSDD), você permite que o Google Chrome inclua seu site na lista de mecanismos de pesquisa do navegador. Para obter mais informações sobre OpenSearch, acesse http://www.opensearch.org.