Posted at

ChromeデベロッパーツールでHTMLタグの順序・入れ子構造を入れ替える

More than 1 year has passed since last update.

ウェブサイトのコーディング中にHTMLタグを入れ替えて確認したいことがよくあると思います。その度にHTMLファイルを書き換えてリロードしてとまあまあな手間ですよね。そんなときはChromeのデベロッパーツールでサクッと確認できます。


HTMLタグをドラッグ&ドロップ!

調整したいHTMLタグをドラッグ&ドロップするだけで入れ替えられます。別のHTMLタグ内へ移動すると入れ子構造も変更できます。

chrome.gif

かなりシンプルな使い方ですね。ひょんな拍子でドラッグ&ドロップして気づいた機能です。なかなか忘れないとは思いますが、備忘録として残しておきます:bow_tone1: