前端手册-白红宇

前端手册

阅读量：6722 次

发布时间：2019-06-25

本文共 1943 字，大约阅读时间需要 6 分钟。

一直觉得前端开发缺个手册，这是个体力活。不过总得有人来干。

今天闲来无事，把一些工具(online和client的)、常用网址、以及经验总结等罗列出来和大家分享下。这个标题起地大了点，肯定会有很多地方没列到，包括类目的分法也可能考虑不周，所以还请大家积极补充指正，可以直接留言，也可以发邮件给我(sorrycc#gmail.com)。之所以加上“大众”两字，因为以下资源对于高手来说可能早就很熟悉了。

另外想提一句，工具是死的，好不好用得看你会不会用。比如Firefox、Fiddler等，除了显而易见的功能以外，都有一些小的技巧，掌握了可以让你事半功倍。

更新记录：

[20081025] 第一版

快捷导航：

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

在线工具集

书籍类：
- —— 荐，分类很清晰，下载很方便

JavaScript类：
- —— JavaScript格式化工具，效果很理想
- —— 以前一直用这个压JS，自从有了TBCompressor，就放弃他了

CSS类：
- —— CSS格式化工具
- —— CSS压缩

其他：
- —— 做某些东西(Firefox插件)时需要唯一资源标志符时用

常用Firefox插件

和 —— 网购专用，Firefox+浦发网银，无敌了

—— 这个不用介绍了吧，附空帏的
- —— 支持Cookie的查看和编辑
- —— 调试性能的，用起来比较麻烦，没试过
- —— Why Slow? YUI出品
- —— 把设计稿直接拖到Firefox里进行对比
- —— JS高亮，性能不是很理想

—— 简化在Firefox里切换Fiddler的操作，感谢Taobao UED的空帏同学

—— 把Html, Dom, JavaScript等手册放在侧栏里，可以自定义增加，快捷键Ctrl+F9。可以在找到更多的Package。

—— 针对每个站点发送想要的HTTP Referer

—— 看某个网站不爽，写个小脚本来优化下还是不错的

—— 查看当前Http链接状态，类似IE下的HttpWatch

—— 切换User-Agent，同时开发iphone和web版本的时候很方便

—— 穿墙工具，配合使用很和谐

IE下的调试工具

—— 非常强悍的一款http流查看工具，默认支持IE，其他浏览器可以设置将{Document}\Scripts\BrowserPAC.js设为代理进行使用。Firefox下可用上述"Fiddler 开关"进行快速切换。支持。

—— 查看元素、禁用缓存、禁用CSS\JS、Outline元素、查看生成的源码等功能，IE8自带了一个加强版的。

+ —— 调试JS用，虽然报错还是有误差，但是我已经满足了。安装顺序是：Microsoft Script Debugger，Companion.JS，在"IE选项-高级"里取消禁用脚本调试。

多版本IE共存两种方案：
- IE7/8 + —— 大众型配置，可以基本满足日常需要。
- IE6 + —— 在IE 6用户占绝对优势以及IE 6神奇bug满天飞的时代，我还是推荐这种方案，因为只有神奇的原装IE 6，才能抵挡运营神奇的问题。另外如果还有其他机器可供支配的话，建议再装个IE 8 + IE Tester，因为IE 8下的Developer Toolbar还是有很大改进的，调试起来会方便一些。

以下三个软件相对不重要些：
- —— http流查看
- —— 可查看JS生成的源码
- —— 网速限制

参考手册

—— 整理的版本，包含了W3C手册以及其他有用的资料。

苏昱的和

()

批处理工具

—— 淘宝UED的JS/CSS压缩工具，详见

—— png优化工具

—— jpeg去冗余meta工具

IDE及其他工具

—— 灰常灰常好用，灰常灰常移动，见

Bookmarklet(右键另存)

——

——

——

，—— for IE

开发者社区及权威网站

()

—— 在线PPT分享，资源丰富

—— Web开发人员的百科全书

(，