mouseover 中に表示される DOM のデバッグ | blog.jxck.io

mouseover 中に表示される DOM のデバッグ | blog.jxck.io

Update 2024-03-30: Chrome 123 から "Emulate a focused page" が追加された。 これを用いれば良いため...概要を表示 Update 2024-03-30: Chrome 123 から "Emulate a focused page" が追加された。 これを用いれば良いため、以降の全ての方式は古くなった。 Apply other effects: enable automatic dark theme, emulate focus, and more https://developer.chrome.com/docs/devtools/rendering/apply-effects#emulate_a_focused_page マウスが乗ってないと出ない UI も、そこに Tab などでフォーカスを移し、その状態で Dev Tools の "Emulate a focused page" を有効にすれば良い。 Intro 先日、後輩が「mouseover 中にしか表示されない DOM のデバッグ」に手こずっ

• javascript
• debug
• あとで読む
• dom
• デバッグ
• UI
• js
• github
• browser