LoginSignup
6
3

More than 5 years have passed since last update.

@umi_kappa(Masayuki Kurashita)inIoTLT

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

Posted at

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

HTMLタグをドラッグ＆ドロップ！

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

chrome.gif

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

6
3
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
6
3