前端工具箱

个人近期整理了下前端工具,还算比较全,希望大家喜欢,赶快收藏吧!
 

一、常用书籍

1. 强烈推荐Book Shelf 2.0,分类很清晰,下载很方便,谁试谁知道

2. 51cnnet

3. 原版图书免费下载链接收集站

 

二、常用FF插件

1. Firebug:FF神器,不用介绍了

2. YSlow: 对网站的页面进行分析,并告诉你为了提高网站性能,如何基于某些规则而进行优化

3. web developer:其拥有强大的CSS调试和Form调试能力,对页面的分析非常全面,可以禁止页面的任一内联、文档、和外部CSS,可以直接编辑当前CSS,可以直接加载本地的CSS,可以用鼠标点击查看页面内任一元素的CSS,可以查看盒子模型结果,这还只是其功能一,其他的功能太多了,比如表单的POSTGET功能相互转换,检查XHTMLCSS语法,禁止一切可以禁止的,包括CacheCookie、图片、JavaJsReferrer等等,还能编辑和删除Cookie……如果你需要经常调试页面的话,这个插件能极大满足你的需求。

4. Greasemonkey:它让使用者安装一些脚本使大部分HTML为主的网页于使用者端直接改变得更方便易用,所以,看到某个网站不爽,你就写点小脚本去优化吧

5. HttpFox:相当于IE下的HttpWatch,一个比较有用的插件,特别是在开发网站,爬虫等时,需要分析页面请求和响应的时间,内容,以及浏览器用到的COOKIE等。它可以方便地查看HEADERSCOOKIESQUERY STRINGPOST 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:用户脚本,说白其实就是Greasemonkeychrome版本。

5. JavaScript ToolBox:强大的散列法,字符串转换功能。

6. YSlow:来自雅虎的YSlowMake your pages faster with Yahoo!'s page performance tool

7. Monster:MonsterAlipay UED推出的网站代码分析、质量检测及评分的浏览器扩展.智能分析CSSJSHTML内容,生动形象展示网页得分情况(类似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手册

你可能感兴趣的:(前端工具)