WEB前端开发必备的辅助软件工具

转自：http://www.wpbars.com/web-tool/

转自：http://zhidao.baidu.com/question/101406399.html

转自：http://www.iteye.com/news/25137

前端开发或者说“ 页制作”、“前端制作”、“ 站重构”，这样的一个职位的主要职责是与交互设计师、视觉设计师协作，根据设计图用HTML、CSS、JS完成页面制作。同时，在此基础之上，对完成的页面进行维护和对 站前端性能做相应的优化。今天介绍一些WEB前端开发必备工具，以便大家参考使用，大家有什么好的工具，可以留言与厉害分享。

1、Adobe Dreamweaver

下载：http://www.xdowns.com/soft/1/95/2008/Soft_48689.html

2、EditPlus

下载：http://www.editplus.com/

3、Aptana Studio

下载：http://www.aptana.org/products/studio3

4、Firebug

下载：http://www.getfirebug.com

5、HttpWatch

强大的 页数据分析工具.集成在浏览器的工具栏.包括 页摘要.Cookies管理.缓存管理.消息头发送/接受.字符查询.POST 数据和目录管理功能. 告输出。

下载：http://www.httpwatch.com/

6、JS公共类库

jQuery是一个快速简洁的JavaScript库，简化了HTML文档遍历 络发展迅速，事件处理，动画和Ajax交互。 jQuery是为了改变你编写JavaScript。 下载： http://jquery.com/ Prototype是一个JavaScript框架，旨在减轻动态 络应用开发。
具有独特的，易于使用的工具为类驱动的开发和最好的Ajax库周围，原型是迅速成为首选的 络应用程序开发代码库无处不在。 下载： http://www.prototypejs.org /

优秀的工具，可以使你的开发工作事半功倍，帮助你创建出高品质的Web应用。

一、CSS工具

1.  Simpless

这是一个免费的离线LESS代码编译器。如果你使用LESS，这是一个伟大的工具，能够自动检测代码变化，并编译它。可在Mac、Windows和Linux平台上使用。

3.  LayerStyles

不想去记新的CSS3特性和前缀具使用类似于Photoshop图层样式的界面，让你轻松配置阴影、背景、边框和边界半径。

二、JavaScript工具

5.  Bookmarkleter

该工具可以将你的JavaScript代码转换成一个小书签，帮助你进行代码压缩和URL编码。

7.  ShowIF

这是一个简单的if…else工具，允许用户设置基于客户端环境（浏览器、操作系统、分辨率等）的条件，如果条件匹配则执行指定的动作。

9.  PunyPNG

该工具可以大大降低图像文件的大小，且没有任何质量损失。

11.  SpriteMe

该工具以一种不同的方式来创建CSS sprite。这是一个书签，可以检测你 站中的图像，并相应地进行CSS sprite。

13.  SpurApp

该工具使用不同的方法来测试页面的可用性和布局，利用的技术包括灰度、交叉点、间隔、对比、模糊、镜像等，为你展示你可能会忽略的设计缺陷。

15.  Loads.in

另一款计算 站加载时间的工具。