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