Firebug 1.8の新機能

機会に、誰もがリラックスしながら、2011年7月29日に公開されたFirebug 1.8の新機能のリストを転送します。 リリース自体も7月29日にリリースされ、 Firefox Extensionsの標準の場所であるFirebugで公開されました。



(5番目以外のFirefoxブラウザのユーザーには、ページの下部にダウンロードリンクが表示されます。これは、このリリースが5番目から5.XXバージョンのブラウザとのみ互換性があるためです。ベータバージョン6-7-8には、Firebug 1.9a0が推奨されます。)



開発者は主に速度と安定性に取り組みましたが、多くの革新も加えました。

革新の短いリスト:



*新しいコンソールメソッド:console.timeStamp()

* IPアドレスは[ネットワーク]パネルに表示されます

* HTMLプレビューを更新

*スクリプト送信リストの改善

*ページのリロード間でコマンドラインテキストが保存される

*オプションDOMオブジェクトの新しいパネル

* CSSパネルの色のツールチップ

* CSSプロパティを変更するためのキーボードショートカットの追加

*外部エディターのサポートの改善

*「レイアウト」のボックスモデルブロックプロパティを表示します



詳細。



console.timeStamp()



このメソッドを使用すると、[ネットワーク]タブのHTTPフローの図にタイムスタンプを設定できます。





例付きのより詳細な説明



[ネットワーク]パネルにIPアドレスを表示する



パネルには、各リクエストのリモートおよびローカルIPアドレスとポートが2つの追加列に表示されます。





(ローカルアドレスを含めると、アドレスは明らかに同じになります。同じコンピューター上の異なるアドレスの場合はどうですか?異なるフレームの場合?ポートはしばしば異なります。-約



HTMLプレビューの改善



これで、[ネットワーク]パネルで開いているHTMLタブの下の境界線を移動して、見やすくすることができます。





リストスクリプト



改善-リストが長い場合(ウィンドウまたは画面ウィンドウの半分以上)のスクロールバーの外観。 以前は、リストをスクロールするための上下ボタンしかありませんでした。





ページのリロード時のコマンドラインの永続性



消去されたスクリプトが常にロードされることを心配せずに、異なるタブで異なるスクリプトを実行できます。 Firebugを全体として便利で不可欠なツールにする小さな詳細の1つ。 (リリースの作者が書いた。-約 )(ブラウザの再起動を転送しない。-



DOMパネルのいくつかの新しいオプション





*独自のプロパティのみを表示-プロトタイプチェーンのプロパティを表示しない

*番号付きプロパティのみを表示-配列の要素とハッシュの数値パラメータのみを表示します。



CSSツールチップ





色を示します(理論上、写真では単調である必要があります-およそさまざまな形式で表示されます: hex、rgb、rgba、hsl、hsla



CSSプロパティ値を変更するためのキー



* Ctrl +上/下 -値を0.1単位で増加/減少

* Shift +上/下 -値を10単位ずつ増減します



これまでは、 上/下矢印を使用して1単位ずつ増減できました。



外部エディターのサポートの改善



Firebugは既に外部エディターまたはIDEを接続し、2つの引数を渡すことができます。



* %url-ファイルURL(%URLが欠落している場合、デフォルトで%ファイルが追加されます)

* %file-ローカルファイル(または一時コピー)へのパス







新しい引数が追加されました:



* %line-ドキュメントの指定された行で外部エディターを開くことができます。



レイアウトパネルは、ボックスサイズ設定プロパティを示します



Box SizingプロパティがCSS3に登場しました。これにより、ブロック表現のモデルを変更できます(境界線、パディング、マージンインデントを考慮して、幅と高さを計算する方法を示します)。 ブロックのモデル名は、ブロックの下に表示されます。 (レイアウトから変更することはできません。)





ここにいくつかのパイがあります。



初版著者: Honza (Jan Odvarko)、Firebugリード開発者



===============================================



新しいリリースでのconsole.log()関数に関するいくつかの単語と事実(後ほど、新しいconsole.timeStamp()関数ではなく)についての追加。



偶然にも、 デバッグに便利な小さな関数-拡張Alert()をまとめて公開しました 。 FF5と新しいFirebugを使用した場合と使用しない場合の動作を次に示します。



ご存知のように、Firefoxの4番目のバージョンでは、ブラウザーにエラーとメッセージのコンソールが表示されました。 キーボードショートカットCtrl-Shift-Kによって呼び出されます。 フィルターと優れたレイアウトで、見栄えがいいです。 Firebugと連携する機能は次のとおりです。



1)Firebugがアドオンで接続されている場合、Firebugコンソールを無条件にブロックし、忙しく報告します。 コンソールへのメッセージは表示されますが、Firebugがデプロイされていない場合でも、エラーと警告のみが表示されます。 残念です-バギーコンソールを使用するには、アドオンに移動し、ブラウザを再起動して Firebug 無効にする必要があります-これは不便です。 「モンスター」を折り畳むだけでコンソールのロックを解除する方が良いでしょう。 軽量のコンソールでの有用性は、単純なトレースタスクで確認できるため、大きなデバッガーがリークでメモリを浪費することはありません。





2)Firebugを無効にすると、コンソールへの出力のそのようなかなり正確な画像が得られます。




All Articles