前端工具箱
一、常用书籍
1. 强烈推荐Book Shelf 2.0,分类很清晰,下载很方便,谁试谁知道
2. 51cnnet
二、常用FF插件
1. Firebug:FF神器,不用介绍了
2. YSlow: 对网站的页面进行分析,并告诉你为了提高网站性能,如何基于某些规则而进行优化
3. web developer:其拥有强大的CSS调试和Form调试能力,对页面的分析非常全面,可以禁止页面的任一内联、文档、和外部CSS,可以直接编辑当前CSS,可以直接加载本地的CSS,可以用鼠标点击查看页面内任一元素的CSS,可以查看盒子模型结果,这还只是其功能一,其他的功能太多了,比如表单的POST和GET功能相互转换,检查XHTML和CSS语法,禁止一切可以禁止的,包括Cache、Cookie、图片、Java、Js、Referrer等等,还能编辑和删除Cookie……如果你需要经常调试页面的话,这个插件能极大满足你的需求。
4. Greasemonkey:它让使用者安装一些脚本使大部分HTML为主的网页于使用者端直接改变得更方便易用,所以,看到某个网站不爽,你就写点小脚本去优化吧
5. HttpFox:相当于IE下的HttpWatch,一个比较有用的插件,特别是在开发网站,爬虫等时,需要分析页面请求和响应的时间,内容,以及浏览器用到的COOKIE等。它可以方便地查看HEADERS,COOKIES,QUERY STRING,POST DATA等。
三、常用IE插件
1. IE Developer Toolbar:IE神器,不用介绍了
2. HttpWatch:强大的网页数据分析工具。集成在Internet Explorer工具栏。包括网页摘要、Cookies管理、缓存管理、消息头发送/接受、字符查询、POST 数据和目录管理功能、报告输出。HttpWatch 是一款能够收集并显示页页深层信息的软件。
3. Instant Source:主要功能是实时的查看和修改 HTML 网页上的源代码,当鼠标指向或选择网页的某一部分,即可在下方的窗口中快速看到网页的源代码。
4. NetLimiterPro:网速限制
5. Fiddler2:强悍的一款http流查看工具、强悍的文件代理!
四、Chrome插件
1. code cola:它的产生是为了让一些不会使用firebug的视觉、交互、运营等同学能够快速、方便地修改在线页面。
2. 网站收录数和反链数:可以显示网站收录数和反向链接数,包括的搜索引擎有:百度、谷歌、雅虎、搜狗、搜搜、有道和必应。
3. Web Developer 中文版:添加一个包含多种网页开发工具的按钮到工具栏。 来自为 Firefox 开发的 Web Developer 扩展。
4. Tampermonkey Beta:用户脚本,说白其实就是Greasemonkey的chrome版本。
5. JavaScript ToolBox:强大的散列法,字符串转换功能。
6. YSlow:来自雅虎的YSlow,Make your pages faster with Yahoo!'s page performance tool。
7. Monster:Monster是Alipay UED推出的网站代码分析、质量检测及评分的浏览器扩展.智能分析CSS、JS、HTML内容,生动形象展示网页得分情况(类似YSlow)。
五、在线工具
1. Beautify JavaScript:javascript在线格式化工具
2. Regex Tester:在线正则表达式测试工具
3. JSLint:在线JavaScript验证工具
4. JSMin:JavaScript在线压缩工具
5. smushit:免费在线图片压缩工具
6. DynaTrace Ajax Edition:Web性能分析工具
六、常用手册
1. kissyAPI手册
2. 更多kissy
3. jquery手册
4. php手册
5. XmlHttp手册
6. XML手册
7. CSS手册