web-dev-qa-db-ja.com

FirefoxでシャドウDOMを検査する

Chrome開発ツールでできるように、Firefoxでshadow dom要素を検査する方法はありますか?

20
Angelo Repole

はい、Firefox 65.0 + DevToolsにシャドウDOMインスペクションを追加しました。

通常のコンテンツページのShadowDOMは、常に表示されます。

デフォルトでは、組み込みのブラウザ機能のシャドウDOMは表示されません。たとえば、ビデオ要素は次のとおりです。

組み込み機能のShadowDOMの表示を有効にするには:

  1. About:configに移動します
  2. セットする devtools.inspector.showUserAgentShadowRoots真に

この設定を変更した後、DevToolsを再起動する(またはFirefoxを再起動する)必要があります。

これで、組み込み要素のShadowDOMが利用可能になります。

17
Mike Ratcliffe