blogjava's web log

blogjava's web log




Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Just the way you like it

Firebug is always just a keystroke away, but it never gets in your way. You can open Firebug in a separate window, or as a bar at the bottom of your browser. Firebug also gives you fine-grained control over which websites you want to enable it for.

Learn more

Inspect and edit HTML

Firebug makes it simple to find HTML elements buried deep in the page. Once you've found what you're looking for, Firebug gives you a wealth of information, and lets you edit the HTML live.

Learn more

Tweak CSS to perfection

Firebug's CSS tabs tell you everything you need to know about the styles in your web pages, and if you don't like what it's telling you, you can make changes and see them take effect instantly.

Learn more

Visualize CSS metrics

When your CSS boxes aren't lining up correctly it can be difficult to understand why. Let Firebug be your eyes and it will measure and illustrate all the offsets, margins, borders, padding, and sizes for you.

Learn more

Monitor network activity

Your pages are taking a long time to load, but why? Did you go crazy and write too much JavaScript? Did you forget to compress your images? Are your ad partner's servers taking a siesta? Firebug breaks it all down for you file-by-file.

Learn more

Debug and profile JavaScript

Firebug includes a powerful JavaScript debugger that lets you pause execution at any time and have look at the state of the world. If your code is a little sluggish, use the JavaScript profiler to measure performance and find bottlenecks fast.

Learn more

Quickly find errors

When things go wrong, Firebug lets you know immediately and gives you detailed and useful information about errors in JavaScript, CSS, and XML.

Learn more

Explore the DOM

The Document Object Model is a great big hierarchy of objects and functions just waiting to be tickled by JavaScript. Firebug helps you find DOM objects quickly and then edit them on the fly.

Learn more

Execute JavaScript on the fly

The command line is one of the oldest tools in the programming toolbox. Firebug gives you a good ol' fashioned command line for JavaScript complete with very modern amenities.

Learn more

Logging for JavaScript

Having a fancy JavaScript debugger is great, but sometimes the fastest way to find bugs is just to dump as much information to the console as you can. Firebug gives you a set of powerful logging functions that help you get answers fast.

Learn more



posted on 2006-12-12 12:01 record java and net 阅读(5321) 评论(7)  编辑  收藏 所属分类: xml and html


# re: Firebug-javascript/css/ajax/dom调试器【这款不错】 2006-12-12 13:02 BeanSoft

支持一下! 是个不错的工具, 不过貌似好像没几个人喜欢用 Firefox....

这是我写的 FireBug - FireFox 集成调试工具

那个 JS 开发工具貌似不错, 去下载一下看看.. 另外还有个 JSEclipse 也挺不错  回复  更多评论   

# re: Firebug-javascript/css/ajax/dom调试器【这款不错】 2006-12-12 13:13 junmy

搞的我在这里 重复~
纯属巧合 hehe
:)  回复  更多评论   

# re: Firebug-javascript/css/ajax/dom调试器【这款不错】 2006-12-12 13:31 BeanSoft

没有了... 我觉得你推荐的工具还挺不错, 呵呵. 多互相留言... 感觉这里的观众都是看帖不留名, 还感觉不太喜欢开源,免费工具这些信息...  回复  更多评论   

# re: Firebug-javascript/css/ajax/dom调试器【这款不错】 2006-12-12 13:48 junmy


去看看博客园 .net 社区 就知道了。他们是多么的有激情,多么的热情。搞培训,出书。搞开源等。。。


也许是高手牛哥太多了。压根不需要交流。  回复  更多评论   

# re: Firebug-javascript/css/ajax/dom调试器【这款不错】 2006-12-12 16:35 weide


PS:上那个漂亮的小动物是小强吗?  回复  更多评论   

# re: Firebug-javascript/css/ajax/dom调试器【这款不错】 2006-12-12 16:43 thanks


确实有点象 "传说" 中的 "小强"
  回复  更多评论   

# re: Firebug-javascript/css/ajax/dom调试器【这款不错】 2006-12-12 16:47 BeanSoft

新版的检测不了 AJAX 后台通信的内容了.. 不知道是不是因为我用了 FF2.0 的缘故.. 我用这个功能探测 Google Map 啊, 一些简单 AJAX 应用的原理, 十分好用!


1.0b 版本的无法显示 AJAX 对话内容, 0.4 版本的可以.  回复  更多评论