Teste Sites móveis com o Web Browser Chrome

Para testar o seu site iPhone ou iPad no navegador Chrome, você pode lançar as ferramentas do desenvolvedor, clicando no ícone da chave inglesa no canto superior direito da janela do navegador e escolhendo Ferramentas -Developer ferramentas ou escolhendo o controlo de comando chave + Shift + I no Windows ou Command + Option + I no Mac.

A janela Developer Tools no Chrome tem muitas ferramentas para ajudar a encontrar informações detalhadas sobre qualquer página aberta no navegador. Usando o painel de elementos, mostrado, você pode visualizar os estilos HTML fonte ou CSS, procurar o Document Object Model e manipular cada um deles em tempo real. Depois que a janela é aberta, você pode deixá-lo ligado ao navegador principal ou deixe-o flutuar de forma independente.

O painel de Recursos mostra os recursos que foram carregados, como HTML, CSS, javascript, imagens, fontes, HTML5 bancos de dados e outros elementos relacionados a uma página web. O painel interativo torna possível para que você possa fazer alterações no código e ver o seu impacto (sem mudar a página da web ao vivo porque as ferramentas estão alterando apenas temporariamente o código que está em cache no navegador.)

As ferramentas de desenvolvimento incluem várias guias, incluindo o painel de rede, que mostra os componentes de uma página está solicitando a partir de servidores web, o comprimento de pedidos, e a largura de banda que é necessário. O painel Scripts mostra uma lista de scripts solicitados pela página e vem com um depurador de script completo.