哪些編碼約定可幫助jQuery和Firebug協同工作？

Question

我對這兩種工具都比較陌生，在管理，監視和調整新網站的設計過程時，都需要同時使用這兩種工具。 我應該問什么樣的策略可以為調試，測試和日志記錄奠定良好的基礎？

[在某種程度上，后端內容可以發揮作用-這是.net mvc thx

Answer 1

我將使用Firebug來查看一些Firebug加載項的工作方式。

我會用YSlow來檢查您下載的內容是否過多，如果您不縮小和壓縮javascript的話，它將提出建議。

我還將使用FireQuery，因為它在Firebug中很好地突出了jQuery。 這些天，我經常使用它來查看應該觸發的內容。

Firebug不再重寫XHRequests，但是最新的Firefox / Firebug中存在一個錯誤，該錯誤可以阻止長時間運行的XHR調用。 詳情在這里

Answer 2

我只是將FireBug的網絡監視器和AJAX一起使用時會發出一個小警告。 啟用后，它將重寫一些HTTP標頭，並嚴重破壞東西（它也使用過，現在還不確定）。

所以，如果有什么事情發生的話。 檢查是否禁用網絡監視。

Answer 3

我還將添加FireCookie工具，因為它與$ .cookie配合得很好。

當我調試jQuery代碼時，我在Firebug中使用NET面板處理所有ajax請求。 了解您發送的內容和收到的內容非常有幫助。

另外，我使用了很多命令行來測試代碼片段。

沒有控制台就無法做到。 這將非常有幫助。 例：

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

Answer 4

首先，請確保您已閱讀Firebug的文檔 。 一些命令也可以與其他工具一起使用。

一個簡單的搜索查詢將為您顯示Firebug的所有可用擴展。 正如某些人提到的那樣-有些人確實很有幫助。

同樣重要的是不要將自己局限於一個工具，因為您很可能會為多個瀏覽器進行開發。 因此，請確保您還查看了Webkits開發人員工具（Safari，Chrome）。 這是一篇很好的文章 ，總結了最流行的開發/調試工具。

您可能想研究jQuery / jQuery插件的結構/組織方式，因此您對如何組織自己的JavaScript / jQuery代碼有一個大致的了解。 這完全取決於您的應用程序的JavaScript強度。 如果jQuery只是提供了一些視覺上的增強，並且到處都是Ajaxified頁面，請不要打擾。 從另一方面講，如果JavaScript非常繁重（例如，在客戶端上有更多站點邏輯，然后在后端上有很多站點邏輯），我建議使用Prototype而不是jQuery，但這只是我的觀點。

如果您有很多代碼，則可以考慮使用自動工具來構建JavaScript。 例如：

• 鏈輪
• 榨汁機

在生產服務器上，您希望最終獲得盡可能少的JavaScript文件，並確保壓縮em。

如果您對更多有關JavaScript繁重應用程序的文章/工具的鏈接感興趣，請發表評論。 我現在只是想保持話題。

Answer 5

我還建議您安裝FireUnit插件。 它可以幫助您處理QUnit單元測試。 當然，這是如果您打算編寫單元測試，但是在大多數情況下，這是個好主意。

Answer 6

盡管您可能喜歡Firebug，但Safari的開發人員工具也非常強大，值得一試。 開發時就用了這些。

值得一提的是，Safari的JavaScript引擎仍然比FFX的更快，而Chrome則占據了上風。 他們在追趕，所以這真的不值得關注。