No Chrome 115 e versões mais recentes, é possível ativar a depuração do Safari Web Inspector para o Chrome no iOS. Esta postagem explica como começar.
Antes do Chrome 115, a depuração de páginas da Web exigia a criação do Chrome para iOS a partir da origem, porque a versão de lançamento do WKWebView não oferecia suporte à depuração remota do Web Inspector. No Chrome 73, adicionamos a página chrome://inspect, que mostra localmente os registros do JavaScript para ajudar na depuração de páginas da Web. Agora que o WKWebView permite o depuração do Web Inspector na versão (a partir do iOS 16.4), adicionamos uma configuração no Chrome 115 para ativar esse recurso e melhorar ainda mais a experiência do desenvolvedor.
Primeiros passos
No dispositivo iOS, você precisa:
- iOS 16.4 ou mais recente.
- Chrome 115 ou mais recente.
No Mac, você precisa de:
- Menu Develop do Safari ativado. Ative essa opção nas configurações do aplicativo Safari, na guia "Configurações avançadas".
No dispositivo iOS, abra o app Chrome e navegue até Configurações. Em Configurações de conteúdo, ative o Web Inspector. Reinicie o Chrome para iOS depois de mudar essa configuração.
Como depurar seu site
Com a configuração ativada, você pode depurar qualquer página em execução no Chrome para iOS seguindo estas etapas.
- Conecte o dispositivo iOS a um Mac com um cabo.
- No Chrome para iOS, acesse o site que você quer inspecionar.
- No Mac, inicie o Safari. No menu Develop, passe o cursor sobre o nome do dispositivo conectado e selecione o URL do site que você quer inspecionar.
A janela do Web Inspector mostrada permite a depuração da visualização da Web atual. Para mais detalhes sobre o uso das Ferramentas para desenvolvedores do Safari, consulte a documentação da Apple.