Depurador semelhante ao Firebug para o Google Chrome
Existe alguma coisa como Firebug que possa usar no Google Chrome?
características essenciais eu gostaria:
- inspeccione o código HTML (seleccione os elementos, remova-os, etc.)
- Verifique os valores CSS (a solução incorporada é estranha, de alguma forma)
15 answers
Para mais informações, ver https://developers.google.com/chrome-developer-tools/
O Firebug Lite suporta para inspeccionar elementos HTML, o estilo CSS computado e muito mais. Como é JavaScript puro, funciona em muitos navegadores diferentes. Basta incluir o script na sua fonte, ou adicionar o favorito à sua barra de favoritos para incluí-lo em qualquer página com um único clique.
No momento da escrita, só existe o Google DOM inspector e não, ele não tem todas as características do Firebug
Inspector é uma versão 'lite' do Firebug: a interface não é tão boa IMO, inspeção de elementos em ambas as versões recentes é agora clunky, mas Firebug ainda é melhor; eu me encontro tentando encontrar o amor para o Chrome (uma vez que é um melhor, experiência de navegador mais rápida), mas para o trabalho de desenvolvimento, ainda é uma porcaria para mim.
A antevisão / modificação ao vivo do DOM / CSS ainda é muito melhor no Firebug; a CSS calculada e a vista do modelo box são melhores no Firebug;
De alguma forma é apenas mais fácil de ler/usar Firebug talvez por causa da facilidade de navegação, manipulação/modificação do documento em várias áreas-chave? Quem sabe. Estou habituado à interface e acho que o Inspector Chrome não é tão bom, embora isto seja um uma coisa subjectiva, admito.
A página Cookies/Net é extremamente útil para mim no Firebug. Talvez o Inspector cromado tenha isto agora? Da última vez que verifiquei, não foi, porque o Chrome actualiza-se em segundo plano sem a sua intervenção (obtém o seu consentimento por omissão, como todos os bons soberanos).
Último ponto: o dia em que o Google Chrome recebe um Firebug totalmente caracterizado é o dia em que o Firefox basicamente morre para os desenvolvedores porque o Firefox teve 3 anos para fazer o layout do Firefox engineGecko tão rápido quanto WebKit e eles não fizeram. Desculpe dizê-lo tão descaradamente, mas é a verdade.
F12
Adoro atalhosVocê também pode encontrá-lo em: https://chrome.google.com/extensions/
Você pode definir este favorito na sua "barra de favoritos", de modo a ter o Firebug lite sempre disponível no navegador Chrome/Chromium (coloque isto como o URL):
javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);
Ou tentar os programas do Utilizador: http://dev.chromium.org/developers/design-documents/user-scripts
JQuerify é a extensão perfeita para incorporar jQuery no Console Chrome e é tão simples quanto você pode imaginar. Esta extensão também indica se jQuery já foi incorporado em uma página.
Esta extensão é usada para incorporar o jQuery em qualquer página que desejar. Permite usar o jQuery na consola (pode invocar a consola Chrome por Ctrl + Shift + j ".).
Para incorporar o jQuery na página seleccionada, carregue no botão extensão.
A extensão oficial do Firebug Chrome ou pode transferir e embalar a extensão por si próprio.
Bem, é possível activar os programas Greasemonkey para o Google Chrome, por isso talvez haja uma forma de instalar o Firebug usando este método? o Firebug Lite {[[3]} também funcionaria, mas não é a mesma sensação que usar o completo apresentado: (
Willshouse.com/2009/05/29/install-greasemonkey-for-chrome-a-better-guide/
Isto não responde à tua pergunta, mas, no caso de não teres visto, o programador web do Chris Pederick está agora disponível para o Chrome: https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm.
Https://goggles.webmaker.org/en-US
Apenas marcar o favorito e ir para qualquer página web e clicar nesse favorito..
Este é o Mozilla project Goggles, amazing amazing amazing...F12 (apenas no Linux e no Windows)
Ou
Ctrl ⇧ Eu
(⌥ ⌘ Se estás a tomar Mac ...
Por favor tente Firebug Lite para o Google Chrome
Se estiver a utilizar crómio no Ubuntu usando o PAP nocturno, então deve ter o chromium-browser-inspector