常識的に使われていて簡単で効果的なのに入門サイトに余り書かれないhtml+css+javascriptのデバッグ - Qiita

デバッガをつかってください 今chromeまたはsafariを使っているならctrl+shift+iで起動する。コンソールは、デバッガ起動後にEscで起動する。 コンソールで直接javascriptを叩いてレスポンスを見ながら書くと速い。html、cssの微調整も直接ブラウザ見ながらデバッガでやった方が速い。が、プログラムの編集機能自体は貧弱なので、大きめの編集をするときはエディタを使う。 例:twitterとfacebookのログインボタンの画像を変更する方法のデバッグ実況 トライアンドエラーの一回のアクションは2秒〜15秒くらい(入力履歴や入力補完があるので)。 ググるときは、ググった回数*1分くらい。 何回か試してだめだったら先生たちに聞くことにしている。 一発一発が軽いので、細かく刻んで試す(ゲームっぽくていい)。一度にたくさん書いて実行するとどこでダメになったかわかりにくく、目を