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

Question

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

Answer 1

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

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

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

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

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

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

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