ファイアバグ
原作者ジョー・ヒューイット
開発者Firebugワーキンググループ
最終リリース
2.0.19 [ 1 ] / 2017年2月16日; 8年前 （2017年2月16日）
リポジトリ
書かれたJavaScript、XUL、CSS
オペレーティング·システムクロスプラットフォーム
タイプMozilla拡張機能[ 2 ]
ライセンス新しいBSDライセンス[ 3 ]
Webサイトgetfirebug.com​

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

歴史

[編集]

FirebugはBSDライセンス[ 3 ]の下でライセンスされており、2006年1月にFirefoxのオリジナル開発者の一人であるジョー・ヒューイットによって最初に書かれました。 [ 6 ] 2006年1月31日の0.2.3リリースでは、F12がウェブブラウザの開発者ツールパネルを開閉するために使用できるようになりました。[ 7 ] Firebugワーキンググループは、Firebugのオープンソース開発と拡張を監督しました。Firebugには2つの主要な実装がありました。Mozilla Firefoxの拡張機能と、Google Chromeで使用できるFirebug Lite [ 8 ]と呼ばれるブックマークレット実装です。[ 9 ]

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

Firebugは廃止され、Firefox本体に追加された統合開発ツールが採用されました。統合開発ツールの機能はFirebugの機能と統合されています。Firefox 57ではXULアドオンのサポートが終了しているため、Firebugとの互換性は失われています。[ 12 ]

バージョン履歴

[編集]

バージョン2.0

[編集]

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

バージョン3.0

[編集]

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

特徴

[編集]

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

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

HTMLとCSS

[編集]

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

JavaScriptコンソール

[編集]

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

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

拡張機能

[編集]

Firebug を強化するために多くの拡張機能が開発されてきました。Firebug はオープンソースであるため、ユーザーは独自の拡張機能を Firebug コミュニティに提供することができます。[ 20 ]

参照

[編集]

参考文献

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

さらに読む

[編集]
[編集]
「 https://en.wikipedia.org/w/index.php?title=Firebug_(software)&oldid=1303126436」より取得