Depurador semelhante ao Firebug para o Google Chrome

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.

Http://getfirebug.com/lite.html

1. No momento da escrita, só existe o Google DOM inspector e não, ele não tem todas as características do Firebug

2. 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.

3. 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;

4. 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.

5. 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).

6. Ú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

Você 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.

Https://getfirebug.com/releases/lite/chrome/

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..

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