web developer 見出し一覧 表示する | クズリーマンのカス備忘録

web developer 見出し一覧 表示する

chrome-like-logo chrome
スポンサーリンク

Google chrome の拡張機能「Web Developer」で、今開いてるページの見出しタグ(h1とかh2とか)を一覧で表示する

やり方

web developer メニュー開いたところの画面

  1. Google Chromeで、拡張機能「Web Developer」のアイコンをクリックする(2022年3月10日現在のアイコンは、歯車みたいなやつ)
  2. 「Information」をクリックする
  3. 「View Document Outline」をクリックする

 

 

Web Developerで見出し一覧を開いたときの画面

こんな画面が別タブで表示されて見出し一覧が確認できる。

 

 

 

コメント

タイトルとURLをコピーしました