No Chrome 115, é possível ativar a depuração do Safari Web Inspector para o Chrome no iOS. Confira nesta postagem 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 do código-fonte, já que a versão de lançamento do WKWebView não tinha suporte para depuração remota do Web Inspector. No Chrome 73, adicionamos a página chrome://inspect, que exibe localmente os registros JavaScript para ajudar na depuração de páginas da Web. Agora que o WKWebView permite a 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.
Como começar
No seu dispositivo iOS, você precisa do seguinte:
- iOS 16.4 ou versão mais recente
- Chrome 115 ou versão mais recente
No seu Mac, você precisa ter:
- O menu Develop do Safari ativado. Ative essa opção nas configurações do aplicativo Safari, na guia "Configurações avançadas".
No dispositivo iOS, inicie o app do Chrome e acesse Configurações. Em Configurações de conteúdo, ative o Web Inspector. Reinicie o Google Chrome para iOS depois de alterar 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 seu 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 Desenvolver, passe o cursor sobre o nome do dispositivo conectado e selecione o URL do site que você quer inspecionar.
A janela do Web Inspector exibida permitirá a depuração da visualização atual da Web. Para mais detalhes sobre o uso das Ferramentas para Desenvolvedores do Safari, consulte a documentação da Apple.