LoginSignup
0
0
@like-mountain(like-mountain)

stackblitzでGoogle Chromeデベロッパーツールがおかしくなる

Posted at

はじめに

stackblitzでGoogle Chromeデベロッパーツールがおかしくなる

問題

stackblitzで開発している時に、Google Chromeデベロッパーツールがおかしくなる

image.png

開発しているのはhtml,css,JavaScriptのみなのに、見知らぬタグがたくさん出てくる

image.png

調べたい箇所の該当要素がない
image.png

解決方法

Google Chromeデベロッパーツールの、要素選択ツール（Elements Picker）(左上の矢印)をシングルクリックして、該当要素をクリックする

image.png

image.png

すると、デベロッパーツールで該当する箇所が開く

image.png

原因は、開発している環境も含めてデベロッパーツールの要素に表示されてしまっているためのようだった

おわりに

見覚えのない要素がたくさん表示されていて混乱したが、よく考えてみるとシンプルなことだった

参考

特になし

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
0