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