前端开发大众手册(包括工具、网址、经验等)

[转]：http://www.chencheng.org/blog/2008/10/25/f2e-manual/

快捷导航：

另外还搞了个Firefox插件《前端开发工具集》，把资源整合到一个菜单下，方便查询。数据放在线上(Google AppEngine)，速度应该会有保证，更新也会比较方便哈，见图。

书籍类：
- Book Shelf 2.0 beta —— 荐，分类很清晰，下载很方便
- Book Go!
- 原版图书免费下载链接收集站
- 51CNNET.NET
JavaScript类：
- Beautify JavaScript —— JavaScript格式化工具，效果很理想
- AJAX Libraries API
- Regex Tester
- Compressor Packer —— 以前一直用这个压JS，自从有了TBCompressor，就放弃他了
CSS类：
- CSS选择器性能测试
- CSSTidy —— CSS格式化工具
- CSS Compressor —— CSS压缩
其他：
- GUID 生成器 —— 做某些东西(Firefox插件)时需要唯一资源标志符时用
- W3Counter
- WebWait - Benchmark Your Website

Fiddle2 —— 非常强悍的一款http流查看工具，默认支持IE，其他浏览器可以设置将{Document}\Scripts\BrowserPAC.js设为代理进行使用。Firefox下可用上述"Fiddler 开关"进行快速切换。支持插件。
IE Developer Toolbar —— 查看元素、禁用缓存、禁用CSS\JS、Outline元素、查看生成的源码等功能，IE8自带了一个加强版的。
Microsoft Script Debugger + Companion.JS —— 调试JS用，虽然报错还是有误差，但是我已经满足了。安装顺序是：Microsoft Script Debugger，Companion.JS，在"IE选项-高级"里取消禁用脚本调试。
多版本IE共存两种方案：
- IE7/8 + IE Tester —— 大众型配置，可以基本满足日常需要。
- IE6 + Internet Explorer Collection —— 在IE 6用户占绝对优势以及IE 6神奇bug满天飞的时代，我还是推荐这种方案，因为只有神奇的原装IE 6，才能抵挡运营神奇的问题。另外如果还有其他机器可供支配的话，建议再装个IE 8 + IE Tester，因为IE 8下的Developer Toolbar还是有很大改进的，调试起来会方便一些。
以下三个软件相对不重要些：
- HttpWatch —— http流查看
- Instant Source —— 可查看JS生成的源码
- NetLimiterPro —— 网速限制