💭

ChromeのデバッグモードでShadow HTMLを確認しよう

2022/05/27に公開約500字

Shadow HTMLをONにする前、<input />は一つの要素として認識しかできません
下記の手順を通して更なる深い要素構造を確認することができます

まずはデバッグツールの設定ページに行きます

PreferencesタブのElementsの下の「Show user agent shadow DOM」の選択肢にチェックを入れます
(元々はチェックを入れてない状態でした)

Webページに戻り、<input />の下のルート要素を確認できるようになりました

Discussion

ログインするとコメントできます