哪些编码约定可以帮助jQuery和Firebug一起工作?-WhatcodingconventionsthathelpjQueryandFirebugworktogether?

1  

First off make sure you've read Firebug's docs. Some of the commands work cross-brower with other tools as well.

首先，确保你读过Firebug的文档。有些命令也可以与其他工具进行交叉浏览。

A simple search query will show you all available extensions for Firebug. As some people mentioned - some of them are really helpful.

一个简单的搜索查询将显示所有可用的Firebug扩展。就像有些人提到的，有些是很有帮助的。

Also it's important not to limit yourself to just a single tool since you will most likely be developing for multiple browsers. So make sure you take a look at webkits developer tools (Safari, Chrome) as well. Here's a good article which sums up the most popular development/debug tools.

同样重要的是不要把自己局限在一个工具上，因为您很可能要为多个浏览器开发。所以一定要看看webkit开发工具(Safari, Chrome)。这里有一篇很好的文章总结了最流行的开发/调试工具。

You might want to research how jQuery/jQuery plugins are structured/organized so you have general idea how to organise your own Javascript/jQuery code. It all depends how Javascript heavy is your application. If jQuery just provides some visual enhancements and few Ajaxified pages here and there, don't bother. From other hand if it's very Javascript heavy (as in a lot more site logic on client-side then on backend) I would suggest Prototype over jQuery, but it's just my opinion.

您可能想要研究jQuery/jQuery插件的结构/组织方式，以便了解如何组织自己的Javascript/jQuery代码。这一切都取决于你的应用程序Javascript有多繁重。如果jQuery只是提供了一些视觉增强，并且这里和那里几乎没有Ajaxified页面，那么就不用麻烦了。另一方面，如果Javascript很重(在客户端和后端站点逻辑中)，我建议使用jQuery原型，但这只是我的看法。

You could consider using automatic tools to build your Javascript if you have a lot of code. For example:

如果您有很多代码，可以考虑使用自动工具构建Javascript。例如:

• Sprockets
• 链轮
• Juicer
• 榨汁机

On production server you want to end up with as few Javascript files as possible and make sure to compress em.

在生产服务器上，您希望使用尽可能少的Javascript文件，并确保压缩em。

If you're interested in more links to articles/tools for Javascript heavy applications, drop a comment. I'm just trying to stay on topic at the moment.

如果您对Javascript重应用程序的文章/工具的更多链接感兴趣，请发表评论。我只是想暂时停留在这个话题上。

4  

I would use Firebug to see how things are working with a few Firebug Add-ons.

我将使用Firebug查看如何处理一些Firebug附加组件。

I would use YSlow to check that you aren't downloading too much and it will make suggestions if you aren't minifying and gzipping your Javascript.

我将使用YSlow来检查您没有下载太多，如果您没有缩小和gzipping Javascript，它将提供建议。

I would also use FireQuery as that highlights jQuery very nicely in Firebug. I use it quite a lot these days to see what it should be firing.

我还将使用FireQuery，因为它在Firebug中很好地突出了jQuery。这些天我经常用它来看看应该发射什么。

Firebug doesn't rewrite XHRequests anymore but there is a bug in the latest Firefox/Firebug where if can block long running XHR calls. Details here

Firebug不再重写xhrequest，但是在最新的Firefox/Firebug中有一个bug，如果可以阻塞长时间运行的XHR调用。细节

1  

I would just give a small warning using FireBug's network monitor and AJAX together. When enabled, it rewrites some HTTP headers and breaks stuff badly (well it used too, not sure anymore).

我将使用FireBug的网络监视器和AJAX发出一个小警告。当启用时，它会重写一些HTTP头文件并将其破坏得很糟糕(它也使用得很好，不再确定)。

So if anything goes ape. Check that network monitoring is disabled.

所以如果发生了什么事。检查网络监控是否被禁用。

1  

I will also add for tools FireCOOKIE, as it goes very well with $.COOKIE.

我还将添加工具FireCOOKIE，因为它与$.COOKIE很匹配。

When I am debugging jQuery code I am using the NET panel a lot in Firebug for all ajax requests. Very helpful to see what are you sending and what are you receiving.

当我调试jQuery代码时，我在所有ajax请求中都经常使用NET面板。很有帮助，看你发送什么和你收到什么。

Also I use a lot the comand line, to test snippets of code.

我还经常使用comand行来测试代码片段。

You cannot do without the console. It will be very helpful. Example:

你离不开控制台。这将非常有帮助。例子:

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

0  

I also suggest you install FireUnit addon. It helps you work with QUnit unit tests. Of course that is if you are planning to write unit tests but in most cases that's the very good idea.

我也建议你安装FireUnit addon。它可以帮助您处理QUnit单元测试。当然，如果你打算写单元测试，但在大多数情况下，这是一个很好的主意。

0  

As much as you might love Firebug, Safari's developer tools are also quite powerful, and worth checking out. It's all I use when I dev.

尽管您可能非常喜欢Firebug，但Safari的开发工具也非常强大，值得一试。这就是我在开发时使用的所有东西。

Worth mentioning that Safari's Javascript engine is still faster than FFX's, while Chrome reigns supreme. They're playing catch-up though, so this really isn't worth caring about.

值得一提的是，Safari的Javascript引擎仍然比FFX的要快，而Chrome是至高无上的。他们在追赶，所以这真的不值得关注。