`

常用前端开发工具合集

阅读更多

 

参考: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编译工具

分享到:
评论

相关推荐

    史上最全的前端开发工具

    本资源“史上最全的前端开发工具”显然是一个综合性的资料库,包含了多版本、多语言的前端API和教程,这对于前端开发者来说是一份极其宝贵的资源。下面将详细介绍其中可能涵盖的一些关键知识点: 1. HTML(超文本...

    HTML5非常方便的前端开发工具

    “HBuilder”是一款专为HTML5设计的高效前端开发工具,它以其快速的开发特性而备受赞誉。HBuilder由DCloud(数字天堂)开发,提供了全面的语法提示和代码输入辅助,极大地提高了HTML、JavaScript和CSS的编写速度。这...

    吸色器 web前端开发工具

    总的来说,"吸色器 Web前端开发工具"是一个重要的辅助工具,它简化了色彩选取过程,提升了开发效率,同时也是优化用户体验的一个关键因素。通过使用这样的工具,开发者能够更加精细地管理他们的项目,确保颜色方案的...

    前端开发常用调试工具简介

    前端开发常用调试工具简介

    W3cfuns 前端开发工具箱

    **W3Cfuns前端开发工具箱**是一个专为前端开发者设计的强大工具集合,它包含了多种功能,旨在提升开发效率并优化开发体验。这个工具箱是W3cfuns社区为前端工程师精心打造的一个综合资源,提供了多种实用工具,涵盖了...

    前端开发工具之CSS工具库

    以下是对“前端开发工具之CSS工具库”这一主题的详细阐述。 首先,CSS工具库如Bootstrap、Foundation等,是前端开发中的常用框架。它们提供了一系列预先设计的CSS类,使得开发者可以快速构建响应式、易用的用户界面...

    Mac下常用前端开发软件环境安装

    Mac 下常用前端开发软件环境安装 本文将指导用户在 Mac 环境下安装常用的前端开发软件环境,包括 Sublime Text、Java SDK、Tomcat 和 Navicat 等。 Sublime Text 安装 Sublime Text 是一个功能强大且灵活的代码...

    前端JS常用工具

    它拥有丰富的NPM(Node Package Manager)生态系统,可以方便地安装和管理各种开发工具和库。 "Sublime_Text2014-4-24 18.26.37.rar"同样是Sublime Text的一个版本,不同的是这个版本以RAR格式打包。RAR是一种常见...

    离线前端开发文档

    离线前端开发文档是针对那些在无网络环境下仍然需要进行前端开发工作的程序员设计的资源集合。这份文档通常包含了丰富的CSS3、HTML5、JavaScript和jQuery的知识点,旨在帮助开发者在无法连接互联网时也能查阅和学习...

    前端开发工具箱

    整合多个前端工具如csssprita图片拼合于一个小程序 优化改善: 1、软件核心代码重新编写,将所有文件合并为1个EXE可执行程序,方便大家放在桌面(Cuinn提出); 2、修复点击任务栏无法最小化/还原和右键菜单问题...

    java 开发常用工具前端+后端

    java 开发常用工具前端+后端,idea。。

    前端开发常用技术前端开发常用技术前端开发常用技术.txt

    前端开发是现代软件开发中的一个重要分支,主要关注用户界面的构建和交互。随着互联网技术的迅速进步,前端开发的范畴和应用也日益广泛,所使用的语言和技术层出不穷。以下将详细阐述前端开发中所涉及的关键技术点。...

    W3Cfuns前端开发工具箱

    随着前端开发行业逐渐成熟,前端开发网(W3Cfuns.com)的站长KwooShung研发了一个W3Cfuns前端开发工具箱,帮助广大的前端开发工程师提高研发速度和效率。 已包含工具: 正则表达式调试工具:即使不会正则表达式也能写...

    Web前端开发技术-常用开发工具.pptx

    Web前端开发是构建互联网应用程序和网站的关键环节,而JavaScript作为主要的编程语言,其开发工具的选择对于提升开发效率和优化工作流程至关重要。本篇将详细探讨JavaScript开发中常用的五款工具:Visual Studio ...

    前端开发各种常用技术笔记

    在前端开发领域,掌握各种常用技术是至关重要的。这份"前端开发各种常用技术笔记"涵盖了JavaScript、CSS、HTML、ES6、Vue.js、Vue Router、Vue Axios等关键知识点,以及JavaScript和CSS的常用方法,以及小程序开发的...

    X-tool前端开发工具集合 v0.1.0.zip

    这个工具集合可能包括了一系列常用的前端开发工具、框架、库或者插件,旨在简化工作流程,提升开发体验。 在描述中,“X-tool前端开发工具集合 v0.1.0.zip”并未提供太多具体信息,但我们可以推断它是一个针对前端...

    使用Access作为SQL Server数据库的前端开发工具.pdf

    使用Access作为SQL Server数据库的前端开发工具 在本文中,我们将介绍如何使用Microsoft Access作为SQL Server数据库的前端开发工具。通过使用ODBC连接,Access可以与SQL Server数据库建立连接,从而实现对SQL ...

    前端开发必备工具(非常实用的小工具)

    除了CSS Sprites工具,"ImageManipulation.exe.V0.1.1.zip" 文件可能是用于图像处理的软件,例如调整图片大小、格式转换、裁剪等,这些也是前端开发中常用的辅助工具。 总的来说,这些工具能够帮助前端开发者提高...

    web前端开发工具代码编辑器、浏览器(谷歌、火狐)等

    总结来说,Web前端开发依赖于高效的代码编辑器、精准的设计工具和强大的浏览器。选择合适的工具组合,能够极大地提高开发效率和质量。无论是初学者还是经验丰富的开发者,了解并熟练掌握这些工具都将为他们的职业...

Global site tag (gtag.js) - Google Analytics