参考:http://www.cnblogs.com/Franks_blog/archive/2010/05/26/1744173.html
1.Firebug http://getfirebug.com/
最流行的前端开发工具
2.HttpWatch http://www.httpwatch.com/
集成在IE和Firefox上的监听HTTP和HTTPS的工具
3.Fiddler http://www.fiddler2.com/fiddler2/
Fiddler是一个记录你电脑和网络之间所有HTTP(S)请求的网络调试代理
4.HttpFox https://addons.mozilla.org/eu/firefox/addon/6647?lang=en-US
和HTTPWatch很类似的一个工具
5.Yslow http://developer.yahoo.com/yslow/
Firebug的一个扩展,可以根据高性能网站的一些准则来分析网页并且提出建议来提高网站的性能
6.Css Usage https://addons.mozilla.org/zh-CN/firefox/addon/10704
Firebug的一个扩展,可以用来察看哪些CSS被用到了
7.VIM http://www.vim.org/
一个高级的文本编辑工具,是在UNIX系统上面VI编辑器的升级版本
8.Editplus http://www.editplus.com/
Windows系统上的一个好用的文本编辑器
9.DNS Flusher https://addons.mozilla.org/en-US/firefox/addon/7408
Firefox上的一个附加组件,当HOST文件改变时可以很快地更新页面而不需要重启浏览器
10.PageSpeed http://code.google.com/intl/zh-CN/speed/page-speed/
Page Speed 是开源 Firefox/Firebug 插件。网站管理员和网络开发人员可以使用 Page Speed 来评估他们网页的性能,并获得有关如何改进性能的建议
11.Dust-me Selectors https://addons.mozilla.org/zh-CN/firefox/addon/5392
Firefox上的一个附加组件,可以找出没有用到的CSS选择符
12.Myspace Performance Tracker http://msfast.myspace.com/
Myspace的性能分析工具, 可以分析到页面渲染的各个阶段的时间、CPU和内存的消耗情况,只使用于IE中
13.YUI Compressor http://developer.yahoo.com/yui/compressor/
用java写的一个代码压缩工具,使用方法: java -jar yuicompressor-x.y.z.jar [options] [input file]
14.JS Beautifier http://jsbeautifier.org/
在线JS格式化工具
15.JSLint http://jslint.com/
在线JS校验工具,使用请注意“JSLint will hurt your feelings.”
16.JSCompress http://jscompress.com/
在线JS压缩工具
17.JSMin http://www.crockford.com/javascript/jsmin.html
JS压缩工具
18.HTML2Javascript http://accessify.com/tools-and-wizards/developer-tools/html-javascript-convertor/
HTML到JavaScript转换器获得置标并将它转换成一系列可以在JavaScript块中使用的document.write()申明
19.Web Developer https://addons.mozilla.org/da/firefox/addon/60?lang=zh-CN
Firefox的一个附加组件,给Firefox增加了一个菜单以及工具栏,里面包含了很多开发工具
20.JS Regexp Generator http://www.jslab.dk/tools.regex.php
一个制作正则表达式的在线工具
21.Opera Dragonfly http://www.opera.com/dragonfly/
Opera Dragonfly 是Opera浏览器的跨设备,跨平台调试环境—调试 JavaScript, 检查编辑CSS和DOM, 并且查看移动设备或计算机上的错误
22.IE Web Developer http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en
微软的浏览器开发者工具条为网页的快速创建,理解和故障诊断提供了各种的工具
23.DynaTrace http://ajax.dynatrace.com/pages/
一个页面性能分析工具,是针对浏览器 IE 6 ~ 8 的。它可以用来分析页面渲染时间、DOM方法执行时间,甚至可以看到 JS 代码的解析时间。多谢“有米啦”同学的推荐,好友卓群的 博客以前也介绍过
24.IE Tester http://www.my-debugbar.com/wiki/IETester/HomePage
IETester是一个免费的浏览器,它同时包括了IE 5.5、IE 6、IE 7、IE 8的所有内核,多版本IE测试好工具,DIV测试,CSS兼容和各个版本浏览器兼容检测工具
25.Companion JS http://www.my-debugbar.com/wiki/CompanionJS/HomePage
IE下的js调试工具,需要结合Microsoft Script Debugger使用,通过安装这个工具,但页面出现错误时会在左上角弹出一个小错误提示,点击会在IE下面显示出一个错误控制台,就如FF下的 firebug控制台一样,错误信息提示很详细
26.Live Http Header https://addons.mozilla.org/zh-CN/firefox/addon/3829
live HTTP headers是firefox的一个插件,可以查看到http头,非常方便
27.Closure Compiler http://code.google.com/intl/zh-CN/closure/compiler/
Google的JavaScript编译工具
分享到:
相关推荐
前端开发常用调试工具简介
Mac下常用前端开发软件环境安装,Sublime Text,Java SDK安装,Tomcat安装(Web服务器),Navicat安装(数据库工具)....
任务2 JavaScript的开发 常用开发工具 JavaScript Web前端开发技术 ...在Web前端开发中,常用的开发工具包括很多,例如: Visual Studio Code Sublime Text Hbuilder Adobe Dreamweaver WebStorm 1.常用开发工具
整合多个前端工具如csssprita图片拼合于一个小程序 优化改善: 1、软件核心代码重新编写,将所有文件合并为1个EXE可执行程序,方便大家放在桌面(Cuinn提出); 2、修复点击任务栏无法最小化/还原和右键菜单问题...
前端开发是一个不断发展的领域,涉及的技术和工具种类繁多。以下是一些常用的前端开发技术
随着前端开发行业逐渐成熟,前端开发网(W3Cfuns.com)的站长KwooShung研发了一个W3Cfuns前端开发工具箱,帮助广大的前端开发工程师提高研发速度和效率。 已包含工具: 正则表达式调试工具:即使不会正则表达式也能写...
09前端开发基础视频-webstorm的使用和三个开发工具的选择.avi 06前端开发基础视频-sublime3安装和包管理器安装.avi 07前端开发基础视频-sublime3包管理器安装.avi 11前端开发基础视频-什么是浏览器什么是服务器...
前端页面开发常用的工具之一 , 非常的方便。
java 开发常用工具前端+后端,idea。。
给大家分享前端开发必备常用的工具函数小结,本文介绍的非常详细,有代码有文字说明,对常用的前端开发工具感兴趣的朋友可以参考下本
前端测试工具,很值得使用的一些常用工具,前端开发值得拥有
本教程旨在帮助初学者了解前端开发的基本概念、所需技能以及开发工具,并通过实例引导大家逐步掌握前端开发的基础知识。 二、前端开发的基本概念 前端开发,主要是指通过HTML、CSS和JavaScript等技术,构建和优化...
comUtils 前端代码常用工具类
web前端最常用的工具函数,大大提高开发效率!
在前端开发领域中,单元测试一直是一个被忽视的领域,早期大量的偏U类代码使得前端开发并没有养成书写单元测试的习惯,但随着前端项目的日益复杂,包括 Node. js的大量应用开发,为应用程序书写单元测试才是保证代码质量...
FeHelper简直就是前端开发人员的神器,它是由国人开发的一款前端工具集合的小插件,插件功能齐全,基本上涵盖了前端从业者经常会使用到的基础功能,使用起来也很顺手。 Wappalyzer展示你访问的网页由什么技术栈所...
前端开发API大全,包括html5,css3,js,jquery...同时还包括一些常用的开发实例。 是前端工程师不可或缺的工具包集合。一包在手,前端我有!
Uix Kit, 它是一个基于Bootstrap的快速建站HTML5套件,遵循W3C标准,包括手风琴、Tab切换、大型导航、单页、视差、分页、项目符号列表、文章列表、网格系统、...,满足各类常用的、交互和动效级的Web前端开发需求...
这是一本可供任何人使用的指南,用于学习前端开发实践,讲如何学习前端工程,用什么工具来实践,常用技术以及技术趋势等
着时代的进步,很多零代码拖拽建站工具,智能建站工具,这些工具能快速满足常用网站布局与交互(视差、轮播等)需求。但是往往一些定制化的交互(3D,VR,SVG等),还是需要运用常用的引擎和库来完成整个交互构架。...