【问题标题】:What coding conventions that help jQuery and Firebug work together?哪些编码约定有助于 jQuery 和 Firebug 协同工作?
【发布时间】:2009-07-16 06:48:12
【问题描述】:

我对这两种工具都很陌生,在管理、监控和调整新网站的设计过程时,我需要对这两种工具都进行硬核。我应该要求实施什么样的策略来为调试、测试和日志记录奠定良好的坚实基础?

[后端的东西可以发挥作用的程度 - 它是.net mvc 谢谢

【问题讨论】:

  • 深入了解更多细节...了解特定插件很重要 - 我正在寻找有助于开发/调试过程的代码。更多的探索点我在 '.console' 和 'debug' 应用。查看为那些“刚入门”的人提供详细信息的截屏视频和/或博客帖子会很有帮助。谢谢

标签: javascript jquery asp.net-mvc debugging firebug


【解决方案1】:

我会使用 Firebug 来了解一些 Firebug 附加组件的工作情况。

我会使用YSlow 来检查您没有下载太多,如果您没有压缩和压缩您的 javascript,它会提出建议。

我也会使用FireQuery,因为它在 Firebug 中很好地突出了 jQuery。这些天我经常使用它来看看它应该触发什么。

Firebug 不再重写 XHRequests,但在最新的 Firefox/Firebug 中有一个错误,如果可以阻止长时间运行的 XHR 调用。详情here

【讨论】:

    【解决方案2】:

    首先请确保您已阅读 Firebug's docs。一些命令也可以与其他工具跨浏览器一起使用。

    一个简单的search query 将向您展示Firebug 的所有可用扩展。正如一些人提到的 - 其中一些真的很有帮助。

    此外,重要的是不要将自己局限于单一工具,因为您很可能会为多个浏览器进行开发。因此,请务必查看 webkits 开发人员工具(Safari、Chrome)。这是一个good article,它总结了最流行的开发/调试工具。

    您可能想研究 jQuery/jQuery 插件的结构/组织方式,以便大致了解如何组织自己的 JavaScript/jQuery 代码。这完全取决于您的应用程序的 JavaScript 重量。如果 jQuery 只是提供了一些视觉增强和一些 Ajaxified 页面,请不要打扰。另一方面,如果它的 JavaScript 非常繁重(例如在客户端然后在后端有更多的站点逻辑),我会建议使用 Prototype 而不是 jQuery,但这只是我的意见。

    如果您有大量代码,您可以考虑使用自动工具来构建您的 JavaScript。 例如:

    在生产服务器上,您希望以尽可能少的 JavaScript 文件结束,并确保压缩它们。

    如果您对更多指向 javascript 繁重应用程序的文章/工具的链接感兴趣,请发表评论。我现在只是想保持话题。

    【讨论】:

      【解决方案3】:

      我只想同时使用 FireBug 的网络监视器和 AJAX 给出一个小警告。启用后,它会重写一些 HTTP 标头并严重破坏内容(它也使用过,不确定了)。

      所以,如果有任何事情发生。检查网络监控是否被禁用。

      【讨论】:

        【解决方案4】:

        我还将添加工具FireCookie,因为它与$.cookie 非常相配。

        当我调试 jQuery 代码时,我在 Firebug 中大量使用 NET 面板来处理所有 ajax 请求。非常有助于查看您发送和接收的内容。

        我还大量使用命令行来测试代码的 sn-ps。

        你不能没有console。这将非常有帮助。示例:

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

        【讨论】:

          【解决方案5】:

          我还建议你安装FireUnit 插件。它可以帮助您使用 QUnit 单元测试。当然,如果您打算编写单元测试,但在大多数情况下这是个好主意。

          【讨论】:

            【解决方案6】:

            尽管您可能喜欢 Firebug,但 Safari 的开发人员工具也非常强大,值得一试。这就是我开发时使用的全部内容。

            值得一提的是,Safari 的 javascript 引擎仍然比 FFX 的快,而 Chrome 则占主导地位。不过他们正在追赶,所以这真的不值得关心。

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2012-06-15
              • 1970-01-01
              相关资源
              最近更新 更多