Firebugチュートリアル
Firebug 公式サイトは、Firebug の開発・更新・メンテナンスを停止することを発表し、Firefox 内蔵ツールの使用を呼びかけています。DevTools。
Firebug とは？
FirebugオープンソースのWeb開発ツールです。
このチュートリアルでは、以下の内容について説明します。
- Firebug のインストール方法。
- Firebug を使用して HTML を検査および編集する。
- Firebug を使用して CSS を検査および編集する。
- Firebug を使用して JavaScript をデバッグする。
- Firebug で JavaScript を動的に実行する。
- Firebug を使用して JavaScript のログを記録する。
- Firebug を使用してネットワークを監視する。
Firebug のインストール
Firebugダウンロード先： https://addons.mozilla.org/en-US/firefox/addon/1843/
Firefox ブラウザで上記のダウンロード先にアクセスし、ページを開いたら「ダウンロード」ボタンをクリックすると、インストールディレクトリを促すポップアップページが表示されます。インストール後、Firefox ブラウザを再起動してください。
再起動後、Firefox ブラウザに Firebug のアイコンが表示されます。Firebug アイコン（Firefox ブラウザの右上隅にあります）をクリックすると、Firebug プラグインを有効化できます。
Firebug コンポーネント
Firebug オプション
ページ上で要素をクリックして検査
元に戻すとやり直す
コマンドラインを表示
パネル選択
コンソール
HTML パネル
CSS パネル
スクリプトパネル
DOM パネル
ネットワークパネル（Webページの速度測定と最適化用）
その他のボタン
- 1 - Firebug を最小化します。
- 2 - ブラウザウィンドウに Firebug を埋め込みます。
- 3 - Firebug を無効化します。