【转】软件开发工具介绍之 6.Web开发工具

【本文转自http://www.cnblogs.com/dusonchen/archive/2011/02/09/1739087.html 】

1.EditPlus

 不管是编写xhtml页面，仍是css、js文件，甚至随笔记记这样的事情，我都会使用EditPlus，感受它不只功能强大，更可贵的是：绿色、轻量级、启动速度快、稳定性高

1.1 配置文件模板

设置好EditPlus的配置文件，告别重复的体力劳动。若是咱们常常创建一种文件，而这种文件总会包含一些重复的文字或者代码的话，咱们就能够创建模板，而后经过模板创建文件。从而摆脱每次都要重复的体力劳动。

1.2 顺手的侧边栏

侧边栏包含了“快速目录路径”和“快速剪贴板”功能“快速剪贴板”能够存放一些代码片段、经常使用文言等等文字。当你须要这些文字的时候，只要双击，就能够方便的添加到光标所在位置了。默认状况下会有一些html，css代码。若是嫌多，能够创建一个本身最经常使用的“剪贴板”库。

1.3 华丽的自动完成功能
当你打一个“ua”字，而后按下空格，编辑器里面就出现了右边的代码，并且鼠标就停留在第一个href的双引号之间。使用EditPlus的自动完成功能将会极大的提升你的工做效率。并且咱们能够根据不一样的文件类型，创建不一样的“自动完成”，例如，若是是xhtml文件，打“b”+ 空格”，就是  ，而在css文件中，“b”+ 空格”，就是 "border:1px solid red;"。很是的人性化。
你能够经过这样的设置，来使用EditPlus的自动完成功能。

1.4 彩色的文件，高亮语法文件

不少的开发工具都有语法高亮显示功能，EditPlus虽小，可是也有这个功能哦。和“自动完成”功能同样，只要为不一样的文件类型指定“高亮语法”文件便可。css、html等经常使用的文件类型，EditPlus已经自带了高亮语法文件。若是自带的高亮语法文件没有你须要的，你能够去EditPlus官方网站的文件下载。

2.ColorPic

 一个免费的软件，用于拾取颜色的，鼠标移动到哪里就拾取哪里的颜色，能够对拾取的颜色分组，这样咱们就能够把须要的颜色都一次性拾取完，再慢慢的用了。
拾取颜色和从新拾取时都是用Ctrl + G 快捷键.

3.FireBug、IEDevToolBar、IE开发人员工具、HttpWatch等

3.1 微软的IEDevToolBar

这是一个免费的专门为Web开发人员制做的IE插件，IE插件IEDevToolBar能够帮助咱们分析网站的布局结构，有助于咱们学习和分析页面的CSS，其主要功能有：
1.以树结构查看CodeDom，并查看每一个Element属性，可使用鼠标点击选中Element，这个在咱们制做和调试网页时颇有用；
2.生成图片报表，就是将页面上说有出现的图片生成一份详细的报表，这样就省的咱们本身去找图片路径和量图片大小等等；
3.高亮显示表格，表格单元，Div等的边框，这个在咱们调整布局时也是颇有用；
4.页面尺子，能够然你任意在页面上度量长度，这个是大大的提升了咱们的工做效率，不用为了量个长度而抓图再用画图工具量。

官方站免费下载
http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&displaylang=en

3.2 HttpWatch

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

官方站
http://www.httpwatch.com/download/
它有2个版本：
HttpWatch Basic Edition （免费的，有部分功能限制）
HttpWatch Professional Edition

4.IETester

IETester是一个很是棒的网页设计师的必备工具,有了这个工具,就能够知道网页在IE6,或者IE7,或者IE8的显示状况、相容性，让咱们看一下辛苦做好的CSS样式或网站版面是否能够在各个主要浏览器正常显示。 IETester是以”分页标签”的方式，分别在不一样的页签中显示你所指定的IE浏览器版本的网页浏览画面。

5.脚本压缩

JavaScript和CSS压缩的目的是在保持脚本的执行性能的同时，减小数据传递的字节数（能够经过减少原始文件，也能够利用gzip。大多数产品级的网络服务器都把gzip做为HTTP协议的一部分）。

http://dean.edwards.name/packer/

YUI compressor（http://developer.yahoo.com/yui/compressor/），一款 jQuery官方推荐的压缩脚本的工具。