Perto
Cardápio

Como ativar o console de depuração do iPhone ou o Web Inspector

click fraud protection

O que saber

  • Ative o Web Inspector no iOS: Vá para Definições > Safári > Avançado e mova o Inspetor da Web interruptor de alternância para o Sobre posição.
  • Use o Web Inspector no macOS: Conecte seu dispositivo iOS a um Mac e escolha o URL para inspecionar no Desenvolver cardápio.

Se você encontrar um bug ou outro problema com um site no Safari para celular, use a ferramenta Web Inspector para investigar. Este artigo explica como usar o console Safari para iPhone para depurar erros com a ajuda de seu computador Mac. As instruções se aplicam a iPhones com iOS 14, iOS 12 ou iOS 11 e também a Macs com macOS Big Sur (11.0), macOS Catalina (10.15) ou macOS Mojave (10.14).

Ative o Web Inspector em seu iPhone ou outro dispositivo iOS

O Web Inspector está desabilitado por padrão, já que a maioria dos usuários do iPhone não precisa dele. No entanto, se você é um desenvolvedor ou está curioso, pode ativá-lo em alguns passos curtos. Veja como:

  1. Abra o iPhone Definições cardápio.

    Em um iPhone com uma versão anterior do iOS, acesse o Console de depuração por meio

    Definições > Safári > Desenvolvedor > Console de depuração. Quando o Safari no iPhone detecta erros de CSS, HTML e JavaScript, os detalhes de cada exibição no depurador.

  2. Role para baixo e toque Safári para abrir a tela que contém tudo relacionado ao navegador Safari no seu iPhone, iPad ou iPod touch.

  3. Role até o final da página e selecione Avançado.

  4. Mova o Inspetor da Web interruptor de alternância para o Sobre posição.

    Um iPhone mostrando como ligar o Safari Web Inspector

Conecte seu dispositivo iOS ao Safari em um Mac

Para usar o Web Inspector, conecte seu iPhone ou outro dispositivo iOS a um Mac que tenha o navegador Safari e habilitar o menu Desenvolver.

  1. Com o Safari aberto, selecione Safári na barra de menu e escolha Preferências.

    Safari com o item de menu Preferências destacado

  2. Selecione os Avançado aba.

    Preferências do Safari com a guia Avançado destacada

  3. Selecione os Mostrar menu de desenvolvimento na barra de menu caixa de seleção e feche a janela de configurações.

    Configurações avançadas do Safari com a opção " Mostrar menu de desenvolvimento" destacada

  4. Na barra de menu do Safari, selecione Desenvolver e escolha o nome do seu dispositivo iOS conectado, em seguida, selecione o URL que aparece em Safári para abrir o console de depuração desse site.

    Safari mobile Web Inspector ativado no menu Desenvolver no macOS

    Depois de conectar seu dispositivo, use seu Mac para inspecionar o site que deseja depurar e abra-o no navegador Safari.

O que é o Web Inspector?

Os desenvolvedores da Web usam o Web Inspector para modificar, depurar e otimizar sites em Macs e dispositivos iOS. Com o Web Inspector aberto, os desenvolvedores podem inspecionar os recursos em uma página da web. A janela do Inspetor da Web contém HTML editável e notas relacionadas aos estilos e camadas da página da Web em um painel separado.

Antes do iOS 6, o iPhone Navegador Safari tinha um console de depuração integrado que os desenvolvedores usavam para localizar defeitos de páginas da web. As versões recentes do iOS usam o Web Inspector.

Com Safari 9 e OS X Mavericks (10.9), a Apple lançou Modo de Design Responsivo no Web Inspector. Os desenvolvedores usam este simulador integrado para visualizar como as páginas da web são dimensionadas para diferentes tamanhos, resoluções e orientações de tela.