O Safari oferece uma grande variedade de recursos especiais projetados para desenvolvedores da web, todos reunidos em um menu Desenvolver que não é visível na barra de menus por padrão. O menu Develop contém opções para alterar o User Agent, mostrar o Web Inspector e Error Console, desabilitar o JavaScript e desabilitar os caches do Safari. Mesmo que você não seja um desenvolvedor, alguns desses recursos podem ser úteis. Usar o menu Desenvolver é bastante fácil, com cada item no menu pertencendo à página ou guia do Safari carregada atualmente e na frente e, em seguida, a quaisquer páginas da web carregadas subsequentemente. A exceção é um comando, como Empty Caches, que tem um efeito global no Safari. As informações neste artigo se aplicam às versões 8 a 12 do Safari, embora muitas delas também apareçam em versões anteriores do menu Desenvolver.
Exibir o menu de desenvolvimento no Safari
Antes de 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 Develop. No entanto, não pense que o antigo menu Debug não seja mais relevante; ele ainda existe e contém muitas ferramentas úteis.
-
Lançar Safári de Doca ou a pasta de aplicativos do Mac.
-
Abra as preferências do Safari clicando em Safári na barra de menu e selecionando Preferências no menu suspenso.
-
Clique no Avançado guia na tela de preferências.
-
Coloque uma marca de seleção ao lado de Mostrar menu de desenvolvimento na barra de menu.
Se você quiser desativar o menu Desenvolvedor, remova a marca de seleção no Safári > Preferências > Avançado tela.
Usando o menu de desenvolvimento
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 da web, mas usuários casuais também podem achá-lo útil.
Alguns dos itens do menu Develop 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ê alguma vez visitar um site que não funcione corretamente com o Safari, use este comando para ir rapidamente para a mesma página da web em outro navegador.
- Agente de usuário: O agente do usuário é uma string de texto que o navegador envia ao servidor da web que hospeda a página da web. Se você já visitou uma página da web que proclamava que o Safari não era compatível, é assim que o site sabia qual navegador você estava usando. Na maioria dos casos, não suportado é um 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 repentinamente funciona, apenas alterando o agente do usuário.
- Caches vazios: Safari mantém um cache de sites acessados recentemente. Os dados armazenados neste 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 pode 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:
- Mostrar Inspetor da Web: Isso abre o Inspetor da Web na parte inferior da página atual. Com o Web Inspector, você pode examinar os elementos usados na criação da página.
- Mostrar código-fonte da página: Isso exibe o código HTML da página atual.
- Mostrar recursos da página: Isso abre a barra lateral do Inspetor de recursos no Inspetor da web. 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 a gravação da linha do tempo: Se você quiser ver como uma página da web é carregada e executada, tente o Iniciar a gravação da linha do tempo opção. 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 desligar o recurso selecionando Parar a gravação da linha do tempo. Caso contrário, você está usando os recursos do seu Mac em tarefas não produtivas – a menos que você seja um desenvolvedor da web.
- Entrar no modo de design responsivo: Outra ferramenta para desenvolvedores da web é o simulador integrado que permite que você visualize como sua página da 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 Entrar no modo de design responsivo 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, volte ao menu Desenvolver e selecione Sair do modo de design responsivo.
- Recursos Experimentais: Se você estiver se sentindo corajoso, pode experimentar alguns dos recursos que podem ser encontrados em futuras versões do navegador Safari.
Com o menu Desenvolver visível, reserve algum tempo para experimentar os vários itens do menu. Provavelmente, você acabará com alguns favoritos que usará com frequência.
