HTML／CSS／JavaScriptによる開発は簡単に動くので開発が容易な反面，不具合の原因特定が難しいです． そんなときwebブラウザに付属した開発者ツールが必須です
Mozilla Firefox／Google Chrome／Microsoft Internet Explorer／Apple Safari等ブラウザに元から搭載されています
主な機能は以下です
コンソール：ログや実行時に発生するエラーなどを確認できる DOMインスペクター：DOM（Document Object Model）の状態を確認するためのツール要素の親子関係、適用されているCSSのルールなどを確認できる JavaScriptデバッガー：JavaScriptで書かれたプログラムをデバッグするツール。ステップ実行、変数と値の束縛関係などを確認できる プロファイラー：JavaScriptで書かれたプログラムのパフォーマンスを計測できる ネットワークモニター：通信状況を確認するツール。通信にかかった時間やレスポンスコードなどを確認できる
またFirefoxはCSSのエディターというCSSの記述を直ぐに反映出来る機能を持っていたりするので、 開発用途によってブラウザを使い分けるとより効率的になります
