Google Chrome Developer Tools para Mac

Depure e edite páginas da Web com o Chrome DevTools

As Ferramentas do desenvolvedor do Google Chrome, também conhecidas como Chrome DevTools, são ferramentas avançadas de criação e depuração da Web integradas ao Google Chrome. Essas ferramentas abrangentes são usadas pelos desenvolvedores para iterar, depurar e criar o perfil do seu site sem a necessidade de sair do ambiente do Chrome. O DevTools também permite rastrear problemas de layout, obter insights sobre otimização de código e estabelecer pontos de interrupção de JavaScript.

Usando o Chrome DevTools

Para usar o Google Chrome Developer Tools, tudo o que você precisa fazer é abrir uma página com o Google Chrome. No 'menu do Chrome', selecione 'Ferramentas' seguido de 'Ferramentas do desenvolvedor'. Você também pode clicar com o botão direito do mouse em um elemento de página e selecionar 'Inspecionar elemento'. Você também pode usar o teclado selecionando ctl+shift+i em dispositivos baseados no Windows ou cmnd+opt+i no Mac. As DevTools são agrupadas em uma barra de ferramentas na parte superior da janela do navegador. Você pode trabalhar com um tipo específico de página ou informações de aplicativo em vários grupos de ferramentas, incluindo elementos, perfis, console, recursos, rede, linha do tempo, auditorias e fontes. Cada ferramenta facilita a solução de problemas, melhora o desempenho da rede e obtém informações sobre o que precisa ser feito para melhorar seu site. Eles também permitem que você veja seu tamanho com diferentes tamanhos e resoluções de tela.

Uma ótima ferramenta para solucionar problemas e melhorar seu site

As Ferramentas do desenvolvedor do Google Chrome permitem editar páginas da Web sem a necessidade de uma ferramenta separada. Possui excelentes recursos para inspeção e edição com uma única árvore DOM. O Console JavaScript também permite registrar informações de diagnóstico e usar um prompt de shell para testar páginas e aplicativos. Ferramentas de depuração poderosas também ajudam a encontrar e corrigir problemas com JavaScript, enquanto ferramentas de rede e auditoria fornecem dados em tempo real sobre recursos para identificar por que as solicitações estão demorando mais e entender como melhorar as respostas.