O que saber
- Selecione Safari > Preferences > Advanced > Show Develop menu na barra de menu.
- Para usar o Develop, vá ao menu Safari e selecione Develop, entre Bookmarks e Window.
- Opções de desenvolvimento mais úteis: Abrir página com, agente de usuário e caches vazios.
Este artigo explica como exibir e usar o menu Desenvolver em seu navegador Safari (versões 8 a 12).
Exibir o menu de desenvolvimento no Safari
Antes de poder usar o menu Desenvolver, você deve primeiro tornar o menu oculto visível. Esta é uma tarefa fácil, muito mais fácil do que revelar o menu Debug que, antes do Safari 4, continha todos os comandos que agora estão no menu Desenvolver. No entanto, não pense que o menu Debug mais antigo não é mais relevante; ele ainda existe e contém muitas ferramentas úteis.
-
Iniciar Safari a partir do Dock ou da pasta de aplicativos do Mac.
Image -
Abra as preferências do Safari clicando em Safari na barra de menu e selecionando Preferences no menu suspenso.
Image -
Clique na guia Avançado na tela de preferências.
Image -
Selecione Mostrar menu Desenvolver na barra de menus.
Image
Se você quiser desativar o menu Desenvolvedor, remova a marca de seleção no Safari > Preferences > Tela avançada.
Usando o menu Desenvolver
O menu Desenvolver aparece na barra de menus do Safari entre os itens de menu Favoritos e Janela. O menu Desenvolver é particularmente útil para desenvolvedores web, mas usuários casuais também podem achar útil.
Alguns dos itens do menu Desenvolver que você provavelmente achará mais úteis incluem:
- Abrir página com: Permite abrir a página da web atual em qualquer navegador instalado no Mac. Se você visitar um site que não funciona corretamente com o Safari, use este comando para acessar rapidamente a mesma página da Web em outro navegador.
- User Agent: O user agent é uma string de texto que o navegador envia para o servidor web que hospeda a página web. Se você já visitou uma página da Web que proclamava que o Safari não era compatível, era assim que o site sabia qual navegador você estava usando. Na maioria dos casos, não suportado é absurdo e, usando este item de menu, você pode alterar o agente do usuário para imitar um de um navegador diferente. Você pode se surpreender com a quantidade de vezes que uma página da web que não funciona de repente funciona, apenas alterando o agente do usuário.
- Empty Caches: O Safari mantém um cache dos sites acessados recentemente. Os dados armazenados nesse cache incluem todos os elementos de uma página, que podem ser usados para renderizar rapidamente um site quando você retornar à página. Às vezes, o cache pode ser antigo ou corrompido, fazendo com que uma página da Web seja exibida incorretamente. Esvaziar o cache pode corrigir esses problemas e até ajudar a acelerar o Safari.
Itens Adicionais do Menu de Desenvolvimento
A maioria dos itens de menu restantes são provavelmente mais úteis para desenvolvedores da web, mas se você estiver interessado em como os sites são construídos, os seguintes itens podem ser de seu interesse:
- Show Web Inspector: Isso abre o Web Inspector na parte inferior da página atual. Com o Web Inspector, você pode examinar os elementos que foram usados para criar a página.
- Show Page Source: Exibe o código HTML da página atual.
- Show Page Resources: Isso abre a barra lateral do Resource Inspector no Web Inspector. Ele fornece uma maneira fácil de ver quais imagens, scripts, folhas de estilo e outros elementos são usados na página atual.
- Iniciar Gravação de Linha de Tempo: Se você quiser ver como uma página da Web é carregada e executada, tente a opção Iniciar Gravação de Linha de Tempo. Isso cria um gráfico que mostra a atividade da rede e como cada elemento do site é carregado e usado. É uma exibição interessante, mas não se esqueça de desativar o recurso selecionando Stop Timeline Recording Caso contrário, você está usando os recursos do seu Mac em tarefas improdutivas - a menos que você seja um web desenvolvedor.
- Enter Responsive Design Mode: Outra ferramenta para desenvolvedores web é o simulador integrado que permite visualizar como sua página web ficará em diferentes resoluções de tela ou com diferentes dispositivos, como o iPad ou iPhone. Basta carregar a página de seu interesse e selecionar Enter Responsive Design Mode para visualizar a página. Você pode tentar a renderização da página usando vários dispositivos ou selecionar uma resolução de tela para usar. Quando terminar, retorne ao menu Desenvolver e selecione Sair do modo de design responsivo
- Recursos experimentais: Se você estiver se sentindo corajoso, você pode experimentar alguns dos recursos que podem encontrar seu caminho em futuras versões do navegador Safari.
Com o menu Desenvolver visível, reserve algum tempo para experimentar os vários itens do menu. Você provavelmente terá alguns favoritos que usará com frequência.
