ColorZillaを使用して、興味深い機能を見つけました。Firefoxから色(バー、タブ、またはブラウザの他のもの)を選択してから、次の場所に移動します。
ColorZilla>最後の要素を検査>Firebugで
次に、FirefoxがWebサイトのようにfirebugパネルで使用するマークアップ、css、jsを確認できます。
Colorzillaを使用せずにこのコードを表示するための解決策はありますか?
ColorZillaを使用して、興味深い機能を見つけました。Firefoxから色(バー、タブ、またはブラウザの他のもの)を選択してから、次の場所に移動します。
ColorZilla>最後の要素を検査>Firebugで
次に、FirefoxがWebサイトのようにfirebugパネルで使用するマークアップ、css、jsを確認できます。
Colorzillaを使用せずにこのコードを表示するための解決策はありますか?
コメントで述べたように、Chromebugは現在のFirefoxバージョンでは動作しなくなりました。制限されたページを開く代わりにchrome://browser/content/browser.xul
、ブラウザのChromeをスクラッチパッドにアクセスできるようにすることができます。MDNの拡張機能開発環境セットアップガイドの説明に従って、about:config
ページを開き、に設定しdevtools.chrome.enabled
ます。true
JavaScriptスクラッチパッド(Shift+ F4)を開き、ブラウザーのコンテキスト環境を選択します。window
これで、またはのようなものを入力してdocument.getElementById('urlbar')
、検査ボタンをクリックするか、 Ctrl+を押すことができますi。これにより、式が評価され、要素のすべてのプロパティを表示する要素インスペクターが開きます。
Chromebugを追いかけているようですね。
Chromebugは、XULアプリケーションに適合したFirebugコードです。これは、Firebug開発者がFirebugを開発するために使用するデバッガーです。
デバッガーをデバッグできますね
実際には、Chromebugと呼ばれるFirebugの専用バージョンがあります(GoogleのChromeではなくFirefoxのChromeにちなんで名付けられました)