2009-07-16 4 views
2

私は両方のツールにかなり新しいので、新しいサイトの設計プロセスを管理、監視、調整する際に、両方ともハードコアに移行する必要があります。デバッグ、テスト、ロギングのための強固な基盤を確立するためには、どのような戦略を実装すべきですか?バックエンドのものが役割を果たすことができる程度にjQueryとFirebugの連携を助けるコーディング規約はありますか?

[ - それは私がちょうど一緒に放火犯のネットワークモニタとAJAXを使用して、小さな警告を与えるだろう。ネットMVC THX

+0

もっと詳しく調べる... 特定のプラグインを理解することが重要です - 私は開発者/デバッグプロセスを支援するコードを探しています。もう少し詳しく探ってみると、 '.console'と 'debug'のポイントが当てはまります。スクリーンキャストやブログ投稿を見て、「ちょうど始めている」人たちに詳細を提供すると便利です。 thx – justSteve

答えて

1

まず、Firebug's docsとお読みください。いくつかのコマンドは、他のツールとのクロスブラウザーでも動作します。

単純なsearch queryはFirebugのすべての利用可能な拡張機能を表示します。言及された人もいますが、そのうちのいくつかは本当に役に立ちます。

また、複数のブラウザを開発する可能性が高いため、1つのツールに限定することは重要ではありません。だから、ウェブキットデベロッパーツール(Safari、Chrome)もご覧ください。最も一般的な開発/デバッグツールをまとめたgood articleがあります。

jQuery/jQueryプラグインがどのように構造化/編成されているかを調べて、独自のJavaScript/jQueryコードをどのように整理するかを知りたい場合があります。それはすべてあなたのアプリケーションでJavaScriptがどのように重いかによって異なります。 jQueryがいくつかの視覚的な機能拡張を提供しているだけで、あちこちにAjax化されたページはほとんどない場合、気にしないでください。それは非常にJavaScriptが重い場合(私はクライアント側の多くのサイトロジックとバックエンドのように)、私はPrototype over jQueryを提案しますが、それは私の意見です。

多くのコードがある場合は、自動ツールを使用してJavaScriptを構築することを検討できます。たとえば :本番サーバーで

あなたができるだけ少ないのJavaScriptファイルで終わるとEMを圧縮することを確認したいです。

JavaScriptの重いアプリケーション用の記事やツールへのリンクがたくさんある場合は、コメントを削除してください。私はちょうど今話題にとどまるようにしています。

1

です。これを有効にすると、いくつかのHTTPヘッダーが書き換えられ、ひどく壊れてしまいます。

もし何かが猿になるなら。ネットワーク監視が無効になっていることを確認してください。

4

私はいくつかのFirebugアドオンで動作するかどうかを確認するためにFirebugを使用します。

私はYSlowを使用して、あまりダウンロードしていないことを確認し、JavaScriptを縮小しgzippingしていない場合は、提案をします。

また、FireQueryを使用すると、FirebugでjQueryが非常にうまくいきます。私はそれが何を発射すべきかを見るためにかなり多くの日を使用します。

FirebugはXHRequestsをもう書き換えませんが、最新のFirefox/Firebugには長時間実行されているXHR呼び出しをブロックできるバグがあります。詳細here

0

また、FireUnitアドオンをインストールすることをお勧めします。これは、QUnit単体テストで作業するのに役立ちます。もちろん、単体テストを書くことを計画しているが、ほとんどの場合それは非常に良いアイデアです。

1

ツールFireCookieも追加します。$.cookieと非常によく似ています。

私はjQueryコードをデバッグしていますが、FirebugでNETパネルを多く使用しています。すべてのAjaxリクエストに対応しています。何を送っているのか、何を受け取っているのかを確認するのに非常に役立ちます。

また、コードのスニペットをテストするために、私はたくさんのコマンドラインを使用します。

consoleなしでは実行できません。非常に役に立ちます。例:

$.get('url.php', {}, 
    function(data){ 
     $.each(data, function(x){ 
      console.log(x); // will log each x object to see what it contains 
     }); 
    }, 'json' 
); 
0

Safariの開発ツールは、Firebugが好きかもしれませんが、かなり強力で、チェックアウトする価値もあります。私が開発したときに使うのはこれだけです。

SafariのjavascriptエンジンはFFXよりも高速ですが、Chromeは最高です。彼らは追いつきをしているので、これは本当に気にする価値がありません。

関連する問題