1，ie网页调试插件 [p][b]ie developer toolsbar[/b][/p] [p]ie下的firebug.html及css调试工具[/p] [p][url=http://windowsmarketplace.com/details.aspx?itemid=2695980]http://windowsmarketplace.com/details.aspx?itemid=2695980[/url][/p] [p][b]microsoft script debugger [/b][/p] [p]companion.js 需要安装microsoft script debugger才可[/p] [p][b]companion.js[/b][/p] [p]ie下的javascript调试工具.[/p] [p][url=http://my-debugbar.com/wiki/companionjs/homepage]http://my-debugbar.com/wiki/companionjs/homepage[/url][/p] [p][b]superpreview[/b][/p] [p]主要用于html、css的调试和各个浏览器（目前只能针对ie6-ie8）的页面呈现测试[/p] [p][url=http://download.microsoft.com/download/5/6/8/568f0d28-0434-4794-b7fc-fb293bcc98fb/superpreview_trial_en.exe]http://download.microsoft.com/download/5/6/8/568f0d28-0434-4794-b7fc-fb293bcc98fb/superpreview_trial_en.exe[/url][/p] [p][b]ietester-同时拥有ie6、ie7、ie8（vista兼容）[/b][/p] [p][url=http://my-debugbar.com/wiki/ietester/homepage]http://my-debugbar.com/wiki/ietester/homepage[/url][/p] 2，firefox网页调试插件 [p][b]firebug[/b][/p] [p][b][br][/b][/p] [p]firebug 是firefox下的一款开发类插件，现属于firefox的五星级强力推荐插件之一。它集html查看和编辑、javascript控制台、网络状况监 视器于一体，是开发javascript、css、html和ajax的得力助手。firebug如同一把精巧的瑞士军刀，从各个不同的角度剖析web页 面内部的细节层面，给web开发者带来很大的便利。[/p] [p][url=https://addons.mozilla.org/en-us/firefox/addon/1843]https://addons.mozilla.org/en-us/firefox/addon/1843[/url][/p] [p][b]web developer[/b][/p] [p]web developer 可说是网页设计师最常使用的一个 firefox 扩充套件，它可以协助我们在设计网页时能够更加的得心易手，内建 html、css、feed…等检验器，让我们所设计出来的网页能够符合标准化，不但可以省下日后维护的时间金钱，更能确保我们所设计出来的网页在各家不 同的浏览器，均能正常地显示，且是符合我们预想的成果。其它更有取消 css、取消 java、取消 javascript、检视或清除 cookies…等功能。[/p] [p]css — 可编辑当前页面的css，并可即时显示修改效果。[br]forms — get/post转换，显示所有表单信息。[br]images — 显示图片的各种属性，可找出未设置alt,title等属性的图片。[br]information — 最有用的两个功能：查看cookie信息和http response数据，web调试必备[br]micellaneous — 最有用的功能：clear session cookie。 已往调试web，为了新开一个session，不得不关闭ie，重新再开，现在不用啦。[br]outline — 框出table元素，cell元素,div元素[br]resize — 模拟800*600等窗口大小，可自定义窗口大小[br]tools — 验证css/html 等[br]view source — 显示带关键字颜色的漂亮源代码[/p] [p][url=https://addons.mozilla.org/en-us/firefox/addon/1843]https://addons.mozilla.org/en-us/firefox/addon/60[/url][/p] [p][b]yslow[/b][/p] [p]why slow 页面性能优化查看器.基于firebug[/p] [p][url=http://developer.yahoo.com/yslow]http://developer.yahoo.com/yslow[/url][/p] [p][b]javascript debugger[/b][/p] [p]firefox下的javascript调试工具,比firebug有更强大的调试功能.[/p] [p][url=https://addons.mozilla.org/en-us/firefox/addon/216]https://addons.mozilla.org/en-us/firefox/addon/216[/url][/p] [p][b]opera developer tools[/b][/p] 3，其它工具 [p]opera下的dom,css查看工具,类似firebug.[/p] [p][url=http://dev.opera.com/articles/view/opera-developer-tools/]http://dev.opera.com/articles/view/opera-developer-tools/[/url][/p] [p][b]webkit[/b][/p] [p]safari下的开发调试工具[/p] [p][url=http://nightly.webkit.org/]http://nightly.webkit.org/[/url][/p] [p][b]fiddler[/b][/p] [p]一个很强大的http流查看工具[/p] [p][url=http://fiddlertool.com/fiddler/]http://fiddlertool.com/fiddler/[/url][/p] [p][b]httpwatch[/b][/p] [p]数据分析工具,头消息接受/发送的查看,post数据查看.等等[/p] [p][url=http://httpwatch.com/]http://httpwatch.com[/url][/p] 作者：[url=http://wlog.com.cn/]来客轩[/url] 文章：[url=http://wlog.com.cn/?p=1286]前端开发常用工具软件[/url]