「Chrome 開発ツール色々」カテゴリーアーカイブ

Chrome の開発ツール【検証】を使ったテストの内容などの報告です。

Chrome のデベロッパーツール 【検証】 は強力な開発ツールだ ― 最初は要素の検証から

WordPress テーマのカスタマイズには Chrome の 【検証】 が必須アイテムだと思う件。

WordPress のテーマ Twenty Fourteen 用に作成した子スタイルシート(CSS)を編集するにあたり、Google Chrome のデベロッパーツールの【検証】の機能を少し真面目に追いかけてみた。

実際に使ったのは CSS スタイルの編集機能だけだが、ほんの数回触っただけでも、これはものすごく強力な機能であることが分かった。
初めて体験したこの機能の印象が強烈だったので、忘れないうちに書いておこうと図と簡単なコマ送り動画を用意したら、それだけでも結構な量になった。

なので、今回は編集前の準備段階と編集機能を使わない要素の検証方法についてだけにして、編集機能については続きで書くことにした。
でも、それは今回のを書き終えてまた色々調べてからにしようと思っているので、少し時間が空くかもしれない。
…このページを読む