【轉】軟件開發工具介紹之 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官方推薦的壓縮腳本的工具。