デバッグ② Chrome

ネットワーク情報

developertool1

html要素

developertool2
左上の矢印ボタンで画面上の要素を選択
→HTML、スクリプト等を編集、保存可能
→右側の数値を変更する事でCSSの値も変更しつつ動作を確認する事が可能
書き換え

左側の「・・・」ボタンを押下
※htmlファイル等のJavaScriptタグ内のソースコードは「Sources」タグ内で書き換えできない

javascriptデバッグ

developertool3
参照スクリプトファイルの書き換え、デバッグ
developertool4

前の記事

デバッグ① Firefox2

次の記事

全言語共通