Como usar o Web Inspector no Safari para iOS

Os sites nem sempre são acessados ​​de um sistema de desktop. Os dispositivos móveis também têm navegadores e são usados ​​para acessar sites com a mesma frequência, senão mais, do que em desktops. Em casos raros, sites populares terão um aplicativo móvel, mas a maioria dos sites não tem um. É por isso que um site precisa funcionar razoavelmente em navegadores de desktop e de celular. Para garantir que sim, os sites precisam ser depurados durante o desenvolvimento em navegadores da web móveis, que é onde você encontra problemas, uma vez que eles não têm um console como navegadores de desktop.

Precisa acessar o Console do Chrome para celular no Android? Confira nosso guia .

Web Inspector no Safari

Se estiver depurando sites no Safari no iOS, você pode usar o inspetor da web integrado do Safari. A única restrição é que você precisa ter um Mac. O console da web no Safari móvel é acessado via Safari em um Mac. A configuração demora um pouco.

conta iCloud

Para usar o inspetor da web no Safari, o dispositivo iOS e o Mac devem estar usando a mesma conta iCloud e configurados para sincronizar o Safari.

Mac OS

1. Abra as Preferências do Sistema .
2. Vá para o ID da Apple (anote o ID que está em uso).
3. Selecione iCloud na coluna à esquerda e certifique-se de que o Safari esteja ativado no painel à direita.
4. Abra o Safari .
5. Clique em Safari na barra de menu e selecione Preferências .
6. Nas preferências do Safari , vá para a guia Avançado .
7. Ative o 'Mostrar menu de desenvolvimento na barra de menus' .

iOS

1. Abra o aplicativo Configurações .
2. Toque em sua conta na parte superior.
3. Certifique-se de que o ID Apple usado é o mesmo que está sendo usado no Mac .
4. Toque em iCloud .
5. Habilite o iCloud para Safari .
6. Retorne à tela principal do aplicativo Configurações .
7. Vá para Geral e role até o final.
8. Vá para Redefinir> Redefinir local e privacidade .

Habilitar Inspetor da Web

Agora você está pronto para conectar o dispositivo iOS ao seu Mac.

1. Usando um cabo de dados , conecte o iPhone (ou iPad) ao Mac .
2. No seu iPhone, você verá um prompt perguntando se o computador ao qual ele está conectado é confiável. Toque em Confiar e digite a senha do seu dispositivo .
3. Abra o Safari no iPhone e visite o site que deseja depurar .
4. No Mac, abra o Safari e vá para Develop . Seu iPhone deve aparecer no submenu. Selecione-o e selecione o site que deseja depurar. Ele aparecerá no submenu.
5. Uma nova janela será aberta com o inspetor da web .

Solução de problemas

Em alguns casos, o método acima pode não funcionar. Este é um bug do macOS. A única coisa que funciona em quase todos os casos é a correção abaixo, entretanto, faça o seguinte DEPOIS de seguir as etapas da seção anterior.

1. Desconecte o iPhone do Mac.
2. Abra o aplicativo Ajustes no iPhone .
3. Vá para Geral> Redefinir> Redefinir local e privacidade .
4. No i Phone, desligue o WiFi, ligue o Bluetooth e ligue o Mobile Hotspot .
5. Conecte o iPhone ao Mac . Confie no computador quando solicitado no iPhone.
6. Abra o Safari no iPhone e visite o site que deseja depurar.
7. No Mac, abra o Safari .
8. Vá para Desenvolver> Seu iPhone> Conectar via rede .
9. Em seguida, vá para Desenvolver> Seu iPhone> Selecione o site aberto no Safari no iPhone.

Conclusão

A depuração de um site no Safari para iOS só pode ser feita com um Mac. Você precisa se certificar de que a versão do Safari no iOS é a mesma do Mac. Uma boa regra é sempre executar a versão estável mais recente do iOS e macOS ao depurar um site. Isso garantirá que a versão do Safari seja a mesma em ambas as plataformas.