WEB前端开发工具--整理

---

 IE浏览器插件

•IE Developer Toolbar (DOM, CSS)
•Web Accessibility Toolbar (可读性及更多功能)
•XRAY, MRI (CSS)
•Companion.JS(JavaScript)
•Microsoft Script Debugger (JavaScript)
•HttpWatch

---

 

Firefox浏览器插件
•Web Developer Toolbar (多用途)
•Firebug (DOM, CSS, JavaScript, 流量)
•Modify Headers (Ajax)
•Poster (Ajax)
•XRAY, MRI (CSS)
•Firefox Accessibility Extension
•LiveHTTPHeaders

---

 

Opera浏览器插件

•Opera developer tools (DOM, CSS, JavaScript)
•Opera Error Console (HTML, CSS, JavaScript)
•XRAY, MRI (CSS)
•Web Accessibility Toolbar (可读性及更多功能)

---

Safari浏览器插件
•Safari Debug Menu (JavaScript)
•XRAY, MRI (CSS)
•Web Inspector (Safari 3) (CSS, DOM)

---

开发工具
Dreamweaver、Microsoft Expression Web 3 ---网页制作
TopStyle、Visual CSS---CSS编辑器
EditPlus---文本编辑器
Aptana Studio、1st JavaScript Editor--- Javascript集成开发环境
FastStone Capture--截图，取色，量尺寸，屏幕录制工具

---

 

调试环境
•MultipleIEs(IE5、IE6、IE7、IE8)、IETester
•Firefox 2/3
•谷歌 Chrome
•Opera 9
•Safari 3-- Mac OS平台
•虚拟浏览器（分别有IE6、IE7、IE8、FF、Chrome、Safari的）-----推荐使用

---

 

调试（Debug）工具
•Internet Explorer Developer Toolbar（IE6插件，IE8内置该功能）--DOM、CSS
•Companion.JS（IE）--JS调试工具
•Web Developer和Firebug插件（Firefox）
•WebDev Toolbar（Opera）

•ViewPage插件（遨游）--资源提取
•IETester--浏览器集成测试工具
•HttpWatch--对网络通讯的数据进行监控和分析