280

Google Chrome内で使用できるFirebugのようなものはありますか？

私が欲しい重要な機能：

  • HTMLソースを検査します（要素の選択、削除など）
  • CSS値を確認してください（組み込みのソリューションはどういうわけか奇妙です）
4

15 に答える 15

244

Firebug のようなツールが既に Chrome に組み込まれています。ページの任意の場所を右クリックし、メニューから [要素の検査] を選択します。Chrome にはデバッグ用のグラフィカル ツール (Firebug など) があるため、JavaScript をデバッグできます。また、CSS インスペクションも適切に実行し、CSS レンダリングをオンザフライで変更することもできます。

詳細については、https://developers.google.com/chrome-developer-tools/を参照してください。

于 2008-12-05T22:19:09.160 に答える
37

Firebug Liteは、HTML要素、計算されたCSSスタイルなどの検査をサポートしています。純粋なJavaScriptであるため、さまざまなブラウザで動作します。スクリプトをソースに含めるか、ブックマークレットをブックマークバーに追加して、シングルクリックで任意のページに含めることができます。

http://getfirebug.com/lite.html

于 2008-12-09T16:35:07.200 に答える
14

F12

ショートキー大好き

于 2011-12-15T11:08:35.767 に答える
12

これを試してみてください。これはFirebug Liteと呼ばれ、Chrome のベータ版で動作するようです。

https://chrome.google.com/extensions/でも見つけることができ ます。

于 2009-12-17T20:22:34.857 に答える
9

Firebug lite を Chrome/Chromium ブラウザで常に利用できるようにするために、このブックマークレットを「ブックマーク バー」に設定できます (これを 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);
于 2009-11-10T12:56:23.103 に答える
4

jQuerifyは、jQuery を Chrome コンソールに埋め込むのに最適な拡張機能であり、想像できるほどシンプルです。この拡張機能は、jQuery が既にページに埋め込まれているかどうかも示します。

この拡張機能は、任意のページに jQuery を埋め込むために使用されます。コンソール シェルで jQuery を使用できます (Chrome コンソールはCtrl+ Shift+ j".) で呼び出すことができます)。

選択したタブに jQuery を埋め込むには、拡張ボタンをクリックします。

于 2010-07-22T09:43:56.340 に答える
4

公式の Firebug Chrome 拡張機能、または拡張機能を自分でダウンロードしてパッケージ化できます。

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

于 2010-01-29T21:42:33.127 に答える
3

これはあなたの質問への回答ではありませんが、見逃した場合のために、Chris Pederick のWeb 開発者が Chrome で利用できるようになりました: https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm。

于 2010-07-02T16:24:04.340 に答える
3

さて、 Google Chrome でGreasemonkeyスクリプトを有効にすることは可能ですが、この方法を使用して Firebug をインストールする方法があるのではないでしょうか? Firebug Liteも動作しますが、フル機能のものを使用するのと同じ感覚ではありません :(

willshouse.com/2009/05/29/install-greasemonkey-for-chrome-a-better-guide/

于 2009-05-29T10:55:56.067 に答える
3

F12(Linux および Windows のみ)

また

Ctrl ⇧</kbd> I

(⌥</kbd> ⌘</kbd> I if you're on Mac)

于 2011-12-15T11:16:53.253 に答える
2

Google Chrome の Firebug Lite をお試しください

于 2011-01-21T06:54:52.537 に答える
1

nightly ppa を使用して Ubuntu で Chromium を使用している場合は、chromium-browser-inspector

于 2010-10-13T10:41:06.747 に答える