WEB开发必备工具集（调试、性能检测、调优、开发工具）

概述：影响网站性能的因素非常多，本文中所列举的工具可以帮助你发现这些性能影响因素并改善你的网站性能。我们建议您逐一尝试这些工具，因为你耗时不多的测试时间却能为全球用户带来更好的用户体验，何乐而不为呢？接下来就一起来认识一下调试、性能检测、调优工具等方面的明星工具吧。

From Google

Page
Speed
Page Speed是一款开源的Firefox/ Firebug插件，可评估网站性能并给出改进建议。
Chrome
Developer Tools
谷歌浏览器中自带了该工具，Web开发者可以很方便地调试网页中的元素，从实时编辑CSS和HTML代码，到对JavaScript的断点调试，再到远程的性能监控。该工具不仅能够帮助诊断、修复在网页加载、脚本执行以及页面呈现中出现的问题，还能够帮助开发者了解网页或者网络应用程序对CPU以及内存的使用情况。此外Chrome开发者工具还提供了实验性的API，帮助开发者扩展此工具。
Speed
Tracer
Speed Tracer由Google开发的一款测试网页性能分析插件，而且开源。
更多性能测试工具，请参考>>>史上最全的Web性能测试工具大全



Closure
Compiler
Closure Compiler是一款JavaScript优化编译器，可优化JavaScript的速度和文件体积。



Closure
Tools
Closure Tools是由谷歌提供的开源JavaScript开发工具，包含Closure 编译器（能以命令行、Web应用或Firefox扩展形式运行）、Closure Library（Google的标准JavaScript类库）、Closure Templates（预编译的JavaScript接口组件）。
Google
Web Toolkit
Google Web Toolkit (GWT) 是一种开源 Java 软件开发框架，可以使不会使用第二种浏览器语言的开发人员编写 Google 地图和 Gmail 等 AJAX 应用程序时更加轻松。

From other developers

Cuzillion
Cuzillion是一个很酷的工具，帮助你查看页面组件的交互，目标是帮助你在结构化页面的时候快速检查，测试和编辑web页面。
Hammerhead
Hammerhead是一款Firebug插件，用于测量网页的加载时间。
OOCSS
OOCSS是一款开发环境和框架，可创建快速、可重复使用的CSS对象和模块。



httperf
httperf是一款高性能的HTTP测试工具，提供了灵活的生成各种 HTTP 负载来测试服务器的性能，提供可靠、高性能的工具，支持 HTTP/1.1 和 SSL。
mon.itor.us
mon.itor.us提供了个性化的Ajax仪表板界面，检测服务器性能和可用性、生成uptime报告、追踪访问者、检查CPU，内存等系统资源，并在检测到异常时提醒用户。
Pylot
Pylot是一款用于测试Web服务性能和可扩展性的开源工具。它运行HTTP负载测试，这对于制定容量计划、确定基准点、分析系统瓶颈以及系统调优都非常有用。
Wbox
Wbox可进行各种测试，包括页面加载基准、Web服务器、Web应用程序压力测试、验证重定向、HTTP压缩和虚拟域配置是否正确。



dynaTrace
AJAX
可对Internet Explorer 6-8进行全面跟踪和分析，包括JavaScript，渲染，和网络流量。>>>.NET性能分析 >>>Java性能分析



Xdebug
Xdebug是一个开放源代码的PHP程序调试器(即一个Debug工具)，可以用来跟踪，调试和分析PHP程序的运行状况。Xdebug现在的最新版本是Xdebug 2.2.3,release日期 2013-05-22，支持PHP4/PHP5。
XHProf
by Facebook
facebook开发的一个测试php性能的扩展。XHProf是一个分层PHP性能分析工具。它报告函数级别的请求次数和各种指标，包括阻塞时间，CPU时间和内存使用情况。



CSS
Sprite Generator
CSS sprites是一个无法用中文正确表达的意思，如果一定要找一个词，那就叫CSS背景图片的绝对定位应用好了。这项CSS技术是利用利用对一张背景图片的绝对定位来实现减少HTTP请求，从而达到网页提速。CSS sprite最适合作用于背景图标或是背景装饰性的图片。
JSLint
JSLint是一个JavaScript验证工具(非开源)，可以扫描JavaScript源代码来查找问题。
JSMin
JSMin是一款JavaScript过滤器，可以移除JavaScript文件中注释和没用的空格，从而减少文件大小，加快下载速度。
Smush It
Smush It是一款在线图片无损压缩工具，Smush.it 超出了 Photoshop 及 Fireworks 的限制，在确保不改变图片外观或视觉质量的情况下，进行无损压缩。处理完成后，系统会给出压缩比和压缩包下载地址信息，非常方便实用。
SpriteMe!
SpriteMe!可以整合背景图片，生成大背景，导出css。
YUI
Compressor
YUI Compressor是一款强大的前端代码压缩工具。



Fiddler
2
Fiddler2是一个网络调试代理，用来监测本地计算机和Internet之间所有的HTTP通讯。该软件是免费的，支持多种浏览器，包括Internet Explorer，Mozilla Firefox，Opera和其它一些浏览器。
Firebug
Firebug是firefox下的一个插件,能够调试所有网站语言，如Html,Css等，但FireBug最吸引我的就是javascript调试功能，使用起来非常方便，而且在各种浏览器下都能使用（IE,Firefox,Opera, Safari）。
HttpWatch
HttpWatch是一款集成的HTTP嗅探器，为IE和Firefox提供新的方法以查看您网站的负载和运行情况，可以监控请求头，响应头，显示资源加载瀑布图。
VB
Watch
VB Watch 是三种工具之一：Profiler, Protector 以及 Debugger. Profiler 衡量性能及测试覆盖率。 Protector 实现健壮的错误处理。 Debugger 有助于监控你的可执行文件。
TestCafé
TestCafé是DevExpress最新开发的一款革命性的Web测试框架。它支持所有主流浏览器，操作系统和移动平台，支持远程设备，多浏览器并行测试。TestCafé内置一个可视化测试记录器，支持持续集成，脚本标记分析等强大功能。



AOL
Page Test
AOL Page Test是一款开源的Web性能和分析工具。
BrowserMob
BrowserMob是一款网站性能监控和警报工具。
IBM
Page Detailer
IBM Page Detailer是一款由IBM资深工程师研发的用来衡量 Web 应用性能的图形化工具，可评估网页性能并提供详细信息，包括定时、大小和页面中每个项目的标识等等。
IntroSpectrum
基于Web的性能监视器，使用实际的Web浏览器来模拟用户。
Microsoft
VRTA
Microsoft VRTA可可视化网页下载，标识需要进行性能改进的地方并建议解决方案。
MySpace
Performance Tracker
Myspace的性能分析工具, 可以分析到页面渲染的各个阶段的时间、CPU和内存的消耗情况，只使用于IE中。
WebPagetest
WebPageTest是一款非常强大的Web页面性能评测工具,最早是在AOL内部使用的，现在已经开源了。在该网站输入你的url，就会生成1个url加载的时间瀑布图，对所有加载的资源(css,js,image等等)列出优化的清单。
Yahoo!
YSlow
Yahoo! YSlow是一款Firefox/ Firebug插件，可分析网页并提出改善性能的解决方法。
http://www.evget.com/article/2014/2/14/20528.html