- - Como depurar uma página da Web remotamente com o Chrome Dev Tools

Como depurar uma página da Web remotamente com as Ferramentas de Desenvolvimento do Chrome

As ferramentas de desenvolvimento do Chrome suportam depuração remota, masnão como gostaríamos que eles fizessem. O "remoto" significa em um dispositivo que você tem ao seu lado e que você pode se conectar à sua máquina de desenvolvimento. Isso não significa que você pode depurar uma guia do Chrome que seu amigo que está sentado em uma cafeteria diferente abriu. Então, o que fazer se vocês dois estiverem trabalhando em algo juntos e talvez precisem acessar, talvez até depurar, a guia do outro. DevTools Remote é uma extensão do Chrome que permite compartilhar umsessão remota para uma guia selecionada com qualquer pessoa por meio de um link. O link é aberto dentro das Ferramentas de Desenvolvimento do Chrome e fornece ao destinatário controle sobre a guia. Eles veem seu console de desenvolvimento e podem fazer alterações entre outras coisas.

Instale o DevTools Remote e abra uma página da Web em umNova aba. Clique no ícone do DevTools Remote ao lado da barra de URL e aguarde até as minúsculas barras de progresso exibirem "Copiado". O link da sessão remota foi copiado para a área de transferência. Envie o link para quem você precisar para depurar sua guia.

Sessão de link remoto do DevTools

No lado do destinatário, a página completa com oO URL será exibido e um console do desenvolvedor do Chrome totalmente funcional será aberto. Você é livre para mexer com o quanto quiser e é inteligente o suficiente para dizer quando a guia que você compartilhou não está ativa na tela.

DevTools Remote

A extensão é incrível e está alémfácil de configurar. Você é o único que precisa instalá-lo no seu sistema. Seu destinatário não está sujeito a essas restrições. Se no lado do destinatário a página não carregar imediatamente, basta redimensionar a janela um pouco e ela aparecerá.

Instale o DevTools Remote na Chrome Web Store

Comentários