2029


Chromeブラウザで右クリックすると一番下に「要素を検証」というメニューが表示されます。

すると画面下にhtmlと思われる言語が書かれた領域が出ます。  
これは何に使うものですか？


CC BY-SA 3.0
2014-12-18T10:31:14.620
2026
2015-07-10T14:56:29.127
2014-12-18T11:04:34.740
208
question
google-chrome google-chrome-devtools
Chromeに搭載されている要素を検証では何が出来る？


今現在の HTML がどうなっているか確認する際に使用します。(JavaScript などで 動的に DOM 操作を行っているようなページで使います。)


CC BY-SA 3.0
2014-12-18T10:36:55.473
2028
2014-12-18T10:36:55.473
2432
2026
answer


「要素を検証」メニューは、Chromeに標準で含まれているデベロッパーツールに含まれる物で、Web開発者やデザイナーがHTMLやCSS、Javascriptなどの状態をチェックしたり、どのような構造になっているのかを確認するためのツールです。

使い方などは[gihyo.jpの記事](http://gihyo.jp/dev/feature/01/devtools/0001
"第1回　詳説：デベロッパーツールの使い方")などで紹介されていますので、興味がおありでしたら参照ください。


CC BY-SA 3.0
2014-12-18T10:38:11.597
2029
2014-12-18T10:38:11.597
2944
2026
answer


htmlの開発を行う時に使用します。 cookieの中身やjavascriptの動作、htmlの構造やcssの値等々の確認 編集が可能です


CC BY-SA 3.0
2014-12-18T11:15:59.310
2035
2014-12-18T11:15:59.310
805
2026
answer


使い方によっては、広告を消して印刷を行うこともできます  
コードを右クリックで削除するだけですが、


CC BY-SA 3.0
2015-07-10T12:10:05.987
12260
2015-07-10T12:10:05.987
10478
2026
answer