デバッグ② Chrome

ネットワーク情報

html要素

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

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

javascriptデバッグ

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