做web開發總要有點像樣的工具,下面就介紹一下我用到的工具。
1.當然是瀏覽器,由于ie對插件的支持不好,而且對w3c的標準也支持不好。所以做web開發還是選擇firfox吧。不過話說回來,國內目前ie瀏覽器的市場仍然占據絕對優勢,所以在FF(firfox)中調試好的網頁最好還是在拿回ie瞅瞅。
2.接下來就是FF的各種插件啦,他們可都是我的好幫手。
首先要說的是firebug,相信很多人都對他都很熟悉了??梢哉f是我見過的最好用的html、css和js調試工具了。提供了點選功能,可以很方便的查看網頁上各個元素的css樣式,并可以時時更改。js方面可以在js的控制臺里面可以顯示js的log,在應用中使用log4js產生日志就可以在這里看見了,可給js代碼設置斷點進行調試。還有一個script視圖,可以查看當前頁面的js對象。在net視圖里面則可以看到各種資源加載的時間,方便性能調試。官方網站http://www.getfirebug.com/。firebug 還有一個插件YSlow(插件的插件?^_^) 是基于一下14條提高效率的原則來評價你的網頁http://www.yahooapis.com/performance/index.html#rules YSlow的下載地址http://www.yahooapis.com/yslow/
3.ColorZilla 顏色拾取器,不用多說,就是可以快速的獲取web頁面上顏色的rgb十六進制,方便web設計,看見別人的網站顏色好看,直接一點拿來己用,咔咔。還可方便的縮放頁面。下載地址http://www.iosart.com/firefox/colorzilla/
4.fasterfox 其實這個是個fiefox的性能優化器,不過它還可以計算網頁整體的加載時間和清除ff的緩存。用來消除緩存的影響還是很有用地。地址: http://fasterfox.mozdev.org/
5.說到緩存,下面這個可以查看ff的緩存并可進行搜索和排序 CacheViewer 地址:https://addons.mozilla.org/en-US/firefox/addon/2489
6.IE Tab 可以在ff使用ie核心打開標簽頁,地址:https://addons.mozilla.org/en-US/firefox/addon/1419