Wednesday, December 15, 2010

Debug jQuery Event Ajax

星雨...@ home says:
你開始玩 jQuery 做 ajax 的時候 用 IE的話
HttpWatchPro 會是最好用的工具之一! 不過他是商業軟體!!

另外用 FireFox 的話還有三個更好用的工具 FireBug + FirePHP + yslow (Yahoo! YSlow)

[] HttpWatch or HttpWatchPro - is an integrated HTTP sniffer for IE and Firefox that provides new insights into how your website loads and performs. Change the way that you develop, debug and tune websites today!

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

[] FirePHP - FirePHP enables you to log to your Firebug Console using a simple PHP method call.

All data is sent via response headers and will not interfere with the content on your page.

FirePHP is ideally suited for AJAX development where clean JSON and XML responses are required.

[] Eventbug - is a Firebug extension that lists all of the event handlers on the page grouped by event type.

[] FireQuery - is a Firefox extension integrated with Firebug.

[] jQuery Trace Plug-in

[] Web Developer Toolbar - The Web Developer extension adds various web developer tools to a browser. The extension is available for Firefox and Chrome, and will run on any platform that these browsers support including Windows, Mac OS X and Linux.

[] yslow (Yahoo! YSlow) - YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is a Firefox add-on integrated with the Firebug web development tool. YSlow grades web page based on one of three predefined ruleset or a user-defined ruleset. It offers suggestions for improving the page's performance, summarizes the page's components, displays statistics about the page, and provides tools for performance analysis, including™ and JSLint.

都是 WEB RD debug 的強力工具!

No comments: