2

ColorZillaを使用して、興味深い機能を見つけました。Firefoxから色(バー、タブ、またはブラウザの他のもの)を選択してから、次の場所に移動します。

ColorZilla>最後の要素を検査>Firebugで

次に、FirefoxがWebサイトのようにfirebugパネルで使用するマークアップ、css、jsを確認できます。 ここに画像の説明を入力してください

Colorzillaを使用せずにこのコードを表示するための解決策はありますか?

4

3 に答える 3

5

コメントで述べたように、Chromebugは現在のFirefoxバージョンでは動作しなくなりました。制限されたページを開く代わりにchrome://browser/content/browser.xul、ブラウザのChromeをスクラッチパッドにアクセスできるようにすることができます。MDNの拡張機能開発環境セットアップガイドの説明に従って、about:configページを開き、に設定しdevtools.chrome.enabledます。true

JavaScriptスクラッチパッド(Shift+ F4)を開き、ブラウザーのコンテキスト環境を選択します。windowこれで、またはのようなものを入力してdocument.getElementById('urlbar')、検査ボタンをクリックするか、 Ctrl+を押すことができますi。これにより、式が評価され、要素のすべてのプロパティを表示する要素インスペクターが開きます。

于 2013-01-17T16:19:18.433 に答える
4

Chromebugを追いかけているようですね。

Chromebugは、XULアプリケーションに適合したFirebugコードです。これは、Firebug開発者がFirebugを開発するために使用するデバッガーです。

デバッガーをデバッグできますね

手順: http: //getfirebug.com/wiki/index.php/Chromebug

于 2011-06-03T19:45:44.263 に答える
2

実際には、Chromebugと呼ばれるFirebugの専用バージョンがあります(GoogleのChromeではなくFirefoxのChromeにちなんで名付けられました)

于 2011-06-03T19:46:08.817 に答える