Firebug (ソフトウェア)

ファイアバグ
	Windows 7 上の Firefox 30.0 で実行されている Firebug 2.0.1 で、メインの Wikipedia ページで HTML パネルがアクティブになっています。
原作者	ジョー・ヒューイット
開発者	Firebug ワーキンググループ
安定版リリース	2.0.19 / 2017年2月16日; 7年前
リポジトリ	github.com/firebug/firebug ;
書かれた	JavaScript、XUL、CSS
オペレーティング·システム	クロスプラットフォーム
タイプ	Mozilla拡張機能
ライセンス	新しいBSDライセンス
Webサイト	このサイトについて

Firebugは、 Mozilla Firefox ^[2]用の廃止された無料のオープンソース^[4] ウェブブラウザ拡張機能であり、あらゆるウェブサイトのCSS、HTML、DOM、XHR、JavaScriptのライブデバッグ、編集、監視を可能にしました。^[5]

歴史

FirebugはBSDライセンス^[3]の下でライセンスされており、2006年1月にFirefoxのオリジナル開発者の1人であるJoe Hewittによって最初に作成されました。 ^{[6] Firebugワーキンググループは、Firebugのオープンソース開発と拡張を監督しました。Firebugには、Mozilla Firefoxの拡張機能と、}Google Chromeで使用できるFirebug Lite ^{[7]と呼ばれる}ブックマークレット実装の2つの主要な実装がありました。^[8]

Firebugはウェブページのデバッグに加えて、ウェブセキュリティテスト^[9]やウェブページのパフォーマンス分析^{[10]にも使用されました。}

Firebugは廃止され、Firefox自体に追加された統合開発ツールが採用されました。その機能はFirebugの機能と統合されています。Firefox 57ではXULアドオンがサポートされなくなったため、Firebugとの互換性はなくなりました。^[11]

バージョン履歴

バージョン 2.0

Firebug 2.0 では、JavaScript構文の強調表示、縮小された JavaScript コードのプリティプリント、Web ページ上のすべてのイベントハンドラーを処理する DOM イベントインスペクターなど、Firebug 拡張機能に多くの新機能が導入されました。さらに、ユーザーは検索バーで CSS セレクターを使用してページ要素を検索できます。デバッグツールでは、JavaScript 式が評価されるときに検査できるようになりました。さらに、ユーザーは JavaScript 関数から返される値を検査できます。また、既存の HTML 要素に新しい HTML 属性を作成する機能も追加されました。^[12]

バージョン 3.0

2014年11月10日、Firebug 3.0が発表され、アルファ版が一般に公開されました。^[13]このバージョンは新しいテーマを採用し、ユーザーエクスペリエンスに重点が置かれる予定でした。

特徴

Firebugは即座に変更を加え、ユーザーに継続的なフィードバックを提供します。Firebugのすべてのエディターはオートコンプリートをサポートしています。^[12]

Firebug のコマンドラインは、JavaScript で記述されたコマンドを受け入れます。各コマンドの実行結果は、コンソールにハイパーリンクとして表示されます。Firebug アプリケーションには複数のウィンドウが含まれており、関連する機能が共通のウィンドウに分割されています。^[14] Firebug では、個々のファイルのダウンロード時間を表示することもできます。JavaScript ファイルや画像などの異なるタイプのオブジェクトを分離し、ブラウザのキャッシュからどのファイルが読み込まれたかを確認できます。Firebug には、HTTP 要求が行われたときの HTTP ヘッダーとタイムスタンプを調べる機能もあります。^[15]ネットパネルでは、外部 CSS、JavaScript、画像ファイルなど、ブラウザが要求する URL を監視できます。

HTMLとCSS

HTMLとCSSツールを使用すると、Webページ上のHTMLとCSS要素を検査および編集できます。^[16] Firebugの最新バージョンでは、ユーザーはCSSの変更をリアルタイムで確認できます。^[12] HTML要素を検査している間、CSS要素の視覚化が表示されます。Firebugレイアウトタブは、CSSプロパティ値を表示および操作するために使用されます。さらに、ユーザーはWebページ上の表示されているHTML要素をクリックして、そのCSSプロパティ値にアクセスできます。^[17]

JavaScript コンソール

Firebug のスクリプトタブを使用すると、ユーザーはブレークポイントを設定してコード行をステップ実行できます。^[18]さらに、Firebug では JavaScript コード行に直接移動したり、式やコールスタックを監視したり、実行中にエラーが発生した場合にデバッガーを起動したりできます。Firebug はエラーをログに記録することもできます。ログには Firebug JavaScript API が使用されます。Firebug の JavaScript パネルでは、エラーをログに記録したり、関数呼び出しをプロファイルしたり、開発者が任意の JavaScript を実行できるようにしたりできます。Firebug を使用すると、ユーザーはコマンドラインから JavaScript コードを実行でき、JavaScript、CSS、XML で発生したエラーをログに記録できます。Firebug には、JavaScript を変更してユーザーのブラウザーですぐに結果を確認できる別のテキストエディターが用意されています。

アップデートで提供されているように、JavaScript コマンドラインにはオートコンプリート機能が備わっています。テキストエディターでは、完全な関数を記述することもできます。Firebug では、クラッシュが発生した場合にユーザーが Web ページを更新する必要があります。

拡張機能

Firebugを強化するために多くの拡張機能が作られてきました。Firebugはオープンソースなので、ユーザーは独自の拡張機能をFirebugコミュニティに貢献することができます。^[19]

参照

スタイル設定されていないコンテンツのフラッシュ
Google Chrome § ユーザーインターフェース(Google Chrome インスペクタ)
Internet Explorer 開発者ツール
オペラトンボ
Safari (ウェブブラウザ) § その他の機能(Web インスペクタ)

参考文献

^ 「Firebug バージョン履歴」。Mozilla拡張機能。2017 年 2 月 16 日。2017 年 7 月 2 日時点のオリジナルよりアーカイブ。2015年 8 月 19 日閲覧。
^ ab 「Mozilla Firefox アドオン」。2017 年 4 月 24 日時点のオリジナルよりアーカイブ。2011 年 9 月 27 日閲覧。
^ ab 「Firebug の概要」。2014 年 12 月 6 日時点のオリジナルよりアーカイブ。2014 年 11 月 13 日閲覧。
^ GitHub 上の Firebug
^ 「Firebug ホームページ」。2014 年 12 月 22 日時点のオリジナルよりアーカイブ。2014 年 11 月 13 日閲覧。
^ O'Reilly パフォーマンスツール: 付録 - さらに高速な Web サイト
^ 「Firebug Lite ホームページ」。2014 年 12 月 17 日時点のオリジナルよりアーカイブ。2010 年 11 月 24 日閲覧。
^ Chrome 用 Firebug Lite
^ Hope, Paco; Walther, Ben (2008)、Web Security Testing Cookbook、カリフォルニア州セバストポル：O'Reilly Media, Inc.、ISBN 978-0-596-51483-9
^ 「高パフォーマンス Web サイト」、Steve Souders、CACM、2008 年 12 月。
^ 「Firebug に別れを告げる」Mozilla Hacks . 2017 年 10 月 24 日閲覧。
^ abc Odvarko、1月、「Firebug 2.0 リリース」。Firebug ワーキンググループ。2015 年10 月 15 日閲覧。
^ Odvarko, Jan. 「Firebug 3.0 The Next Generation」。Firebugワーキンググループ。 2014年11月10日閲覧。
^ Hewitt, J. (2007). Firebug を使用した Ajax デバッグ。Dr.Dobb's Journal、32(2)、22-26。
^ 「What is Firebug?」。2014年12月22日時点のオリジナルよりアーカイブ。2014年11月13日閲覧。
^ Salkosuo, Sami (2008-05-06). 「Firebug でアプリケーションをオンザフライでデバッグおよびチューニングする」 IBM Developer Works . 2008 年5 月 6 日閲覧。
^ Zukerman, Erez (2012-01-06). 「Firebug を使って Firefox で Web ページをデバッグする」 PC World . 2012 年1 月 6 日閲覧。
^ Suehring, Steve. 「Firebug で JavaScript の問題を特定する」。Dummies。
^ 「既知の Firebug 拡張機能のリスト」。2014 年 11 月 13 日時点のオリジナルよりアーカイブ。2014 年 11 月 13 日閲覧。

さらに読む

Luthra, Chandan; Mittal, Deepak (2010 年 4 月 7 日)。Firebug 1.5: Web ページの編集、デバッグ、監視(第 1 版)。Packt Publishing。p . 224。ISBN 978-1-84719-496-1。

外部リンク

公式サイト

[1] 「Firebug バージョン履歴」。Mozilla拡張機能。2017 年 2 月 16 日。2017 年 7 月 2 日時点のオリジナルよりアーカイブ。2015年 8 月 19 日閲覧。

[mozilla_add-on-2] 「Mozilla Firefox アドオン」。2017 年 4 月 24 日時点のオリジナルよりアーカイブ。2011 年 9 月 27 日閲覧。

[license-3] 「Firebug の概要」。2014 年 12 月 6 日時点のオリジナルよりアーカイブ。2014 年 11 月 13 日閲覧。

[4] GitHub 上の Firebug

[5] 「Firebug ホームページ」。2014 年 12 月 22 日時点のオリジナルよりアーカイブ。2014 年 11 月 13 日閲覧。

[6] O'Reilly パフォーマンスツール: 付録 - さらに高速な Web サイト

[7] 「Firebug Lite ホームページ」。2014 年 12 月 17 日時点のオリジナルよりアーカイブ。2010 年 11 月 24 日閲覧。

[8] Chrome 用 Firebug Lite

[HopeWalther-9] Hope, Paco; Walther, Ben (2008)、Web Security Testing Cookbook、カリフォルニア州セバストポル：O'Reilly Media, Inc.、ISBN 978-0-596-51483-9

[10] 「高パフォーマンス Web サイト」、Steve Souders、CACM、2008 年 12 月。

[11] 「Firebug に別れを告げる」Mozilla Hacks . 2017 年 10 月 24 日閲覧。

[Firebug_2.0_Update-12] Odvarko、1月、「Firebug 2.0 リリース」。Firebug ワーキンググループ。2015 年10 月 15 日閲覧。

[Firebug_3.0_Update-13] Odvarko, Jan. 「Firebug 3.0 The Next Generation」。Firebugワーキンググループ。 2014年11月10日閲覧。

[14] Hewitt, J. (2007). Firebug を使用した Ajax デバッグ。Dr.Dobb's Journal、32(2)、22-26。

[15] 「What is Firebug?」。2014年12月22日時点のオリジナルよりアーカイブ。2014年11月13日閲覧。

[16] Salkosuo, Sami (2008-05-06). 「Firebug でアプリケーションをオンザフライでデバッグおよびチューニングする」 IBM Developer Works . 2008 年5 月 6 日閲覧。

[17] Zukerman, Erez (2012-01-06). 「Firebug を使って Firefox で Web ページをデバッグする」 PC World . 2012 年1 月 6 日閲覧。

[18] Suehring, Steve. 「Firebug で JavaScript の問題を特定する」。Dummies。

[19] 「既知の Firebug 拡張機能のリスト」。2014 年 11 月 13 日時点のオリジナルよりアーカイブ。2014 年 11 月 13 日閲覧。