Chrome デベロッパーツールで知っていると、Webサイトやアプリの制作が捗る便利なテクニックのまとめ
先日﹁Chrome デベロッパーツールの使い方﹂で華麗に使いこなすテクニックを紹介しましたが、それとは異なるデベロッパーツールの便利な使い方を紹介します。 Webサイトやアプリの制作時に、非常に役立つテクニックが満載です。 ※画像は元記事のものではなく、当方の環境のものを使用しています。 デベロッパーツールの便利な使い方 タブ﹁Elements﹂を選択 DOM要素を選択 右パネルのタブ﹁Computed﹂を選択 ﹁Computed﹂には、選択したDOM要素に適用されている全てのスタイルが表示されます。そのプロパティの頭にある虫眼鏡アイコンをクリックすると、そのスタイルがあるCSSファイルとそのセレクタの指定を表示します。 これは大きなサイトを制作している時に、非常に有用です。
Chrome デベロッパーツールの使い方: プロのように華麗に使いこなすための20のテクニック
CSSの制作・検証に役立つChromeの機能拡張のまとめ
