Use o menu Desenvolvedor do Safari

Se você é um desenvolvedor web, menu Desenvolvedor do Safari oferece várias ferramentas que podem ser usadas para garantir que o seu site funcione bem em todos os navegadores padrão.

Caso não veja o menu Desenvolvedor na barra de menus, escolha Safari > Preferências, clique em Avançado, em seguida, marque a opção “Mostrar menu Desenvolvedor na barra de menus”.

Abra o Safari para mim

Consulte a tabela abaixo para obter uma descrição dos comandos do menu Desenvolvedor.

Abrir Página com

Abre a página web exibida usando um navegador instalado no seu computador, como listado no submenu.

Agente do Usuário

Altera como o navegador é identificado pelo servidor web. Use esta opção para “enganar” o servidor da web para que pense que você está usando um navegador, sistema operacional ou versão diferente do Safari, para que você possa investigar se o servidor está fornecendo conteúdo diferente em condições variáveis.

Mostrar Inspetor de Rede

O Inspetor Web lista os recursos encontrados em uma página web e permite que você visualize e pbusqye o código-fonte da página, informações de CSS, propriedades e árvores do DOM e métricas visuais do DOM. O Inspetor da Web também contém um console de erro e um controle de tempo de rede.

Mostrar Console de Erro

O console de erros exibe erros e avisos de sintaxe de HTML e XML. Ele também exibe os erros do JavaScript e outras mensagens do console.log, console.error, console.warn, console.assert e console.info.

Mostrar Fonte da Página

Mostra o código-fonte HTML da estrutura principal da página web exibida.

Para buscar o código fonte, pressione Comando (⌘) + F e, em seguida, digite uma palavra ou uma frase no campo de busca que aparecer no painel Código Fonte.

Mostrar Recursos da Página

Mostra uma lista de recursos da página web, como documentos, folhas de estilo e scripts.

Mostrar Editor de Snippet

Permite que você teste rapidamente pequenos fragmentos de HTML sem abrir uma página web completa.

Mostrar Construtor de Extensões

Cria pacotes e fornece metadados para extensões do Safari.

Iniciar Gravação da Linha do Tempo

Grava linhas do tempo no Inspetor WebKit para Pedidos de Rede, Leiaute e Renderização, e JavaScript e Eventos. Para parar a gravação, escolha Desenvolvedor > Parar Gravação da Linha do Tempo.

Esvaziar Caches

Esvazia o cache da página web e outros caches do Safari.

Desativar Caches

Recupera um sub-recurso de um servidor web cada vez que o sub-recurso é acessado, ao invés de usar uma cópia em cache.

Desativar Imagens

Mostra um conteúdo alternativo para as imagens, em vez das próprias imagens. Isto é útil para garantir que a página web possui um conteúdo alternativo adequado.

Desativar Estilos

Ignora todos os estilos CSS. Isto é útil para descobrir alguns tipos de problemas de leiaute de página no site. Se tiver uma folha de estilo definida no painel Avançado das preferências do Safari, ela continua a ser usada.

Desativar JavaScript

Ignora todo o JavaScript. Isto é útil para descobrir problemas de comportamento em algumas partes de sites e para testar o desempenho de um site em navegadores que não são compatíveis com JavaScript ou têm o JavaScript desativado. Também é possível desativar e ativar o JavaScript no painel Segurança das preferências do Safari.

Desativar Hacks Específicos do Site

Desativa o código de caso especial do Safari que funciona em relação a problemas com determinados sites, assim os desenvolvedores desses sites podem testar soluções de problemas.

Desativar Restrições de Arquivos Locais

Considera que todos os arquivos do seu Mac possuem a mesma origem, assim esses arquivos podem acessar o conteúdo deles por meio de roteirização ou XHR. Isso possibilita que uma cópia de um site no seu Mac funcione como se estivesse na Internet.

Permitir JavaScript do Campo de Busca Inteligente

Permite que você digite ou cole um URL contendo “javascript:” no campo de endereço e busca.

Consulte também
Examine elementos e atividade de páginas da web

Site do Desenvolvedor do Safari da Apple

Site do WebGL