ブラウザのデベロッパーツール

ブラウザのデベロッパーツール

2020-08-16


generate後のWebページが意図したレイアウト通りに表示されているか確かめる方法として、ChromeやFirefoxなどブラウザの開発ツールを使う方法があります。

例えば開発ツール上で要素をマウスでホーバーするとHTMLの各要素に対応するレイアウト範囲が色の変化で示されます。

このようにして、マージンやパディングなどが希望のレイアウトになっているかどうか確認することができます。