Safari para iOS inclui um console de depuração opcional para ajudar os desenvolvedores da web a rastrear e resolver problemas com páginas da web no iPhone e iPad.

Melhor ainda, com as versões mais recentes do iOS, ele realmente usa o mesmo Web Inspector que o Safari no desktop também usa, o que significa que se você conectar o iPhone ou iPad ao computador, poderá usar as ferramentas de depuração do Safari diretamente com seu dispositivo iOS ou iPadOS

Versões mais antigas do iOS também têm esse recurso e, embora não sejam tão abrangentes quanto as ferramentas de depuração e desenvolvedor do Safari para desktop, ainda são úteis e fáceis de ativar ou desativar no iPhone e no iPad.

Vamos aprender como habilitar esse recurso nas versões novas e antigas do iOS e também saber o que há de diferente entre as versões.

Como habilitar e usar o Web Inspector no Safari para iPhone e iPad

Em versões modernas de iOS e iPadOS, veja como o inspetor da web do Safari funciona:

1. Abra Configurações > Safari > Avançado e toque para habilitar “Web Inspector”
2. Conecte o iPhone ou iPad a um Mac, vá para o Safari e habilite o menu do desenvolvedor, caso ainda não tenha feito isso, vá para Safari > Preferências > Avançado > Mostrar barra de menu Desenvolver
3. Baixe a barra de menu “Desenvolver” e localize o iPhone ou iPad e, em seguida, abra a página da Web que deseja depurar
4. Safari Web Inspector abrirá onde você pode depurar e inspecionar elementos da web do dispositivo iOS ou IPadOS diretamente no Safari no Mac

Agora, ao navegar no iPhone ou iPad, você descobrirá que o Web Inspector no Safari no Mac será atualizado.

Você pode acessar o Console de depuração por meio da guia Console no inspetor da Web e pode acessar o depurador por meio da guia Depurador. E, claro, as ferramentas usuais de inspeção da web para elementos, recursos, rede etc. também estão disponíveis para uso.

Você também pode usar o truque View Source para iOS e iPadOS enquanto estiver em trânsito, se necessário.

Como habilitar o console de depuração em versões mais antigas do iOS

Se você tiver uma versão mais antiga do iOS em um iPhone ou iPad mais antigo, toda a experiência de depuração estará no dispositivo e você não poderá conectá-lo ao Safari em um Mac. No entanto, ainda é bastante útil, veja como funciona:

1. Inicie “Configurações” e toque em “Safari”
2. Toque em “Avançado”
3. Deslize “Debug Console” para ON

Uma vez ativado, toque no Console de depuração na parte superior de qualquer tela do Safari para ver os erros da página da web.

A lista padrão mostra todos os erros, mas você pode detalhar os erros de HTML, JavaScript e CSS mais específicos tocando neles individualmente.

Outra ferramenta útil para desenvolvedores da web móvel é o Firebug Lite para iOS, que utiliza um bookmarklet javascript para carregar uma versão mais simples da popular ferramenta de desenvolvimento Firebug. Essa funcionalidade provavelmente também é mais útil para as versões mais antigas do iOS, já que as versões mais recentes têm novos recursos.

Você usa alguma ferramenta de desenvolvedor web para iPhone ou iPad? Compartilhe conosco dicas, truques, aplicativos ou técnicas nos comentários abaixo.