ie下的開(kāi)發(fā)插件
1.微軟為了方便web開(kāi)發(fā)者，推出了Internet Explorer Developer Toolbar，介紹和下載地址： 點(diǎn)這里打開(kāi) (這個(gè)是最新版本beta 3)
瀏覽和修改Web頁(yè)的文檔對(duì)象模型（DOM）。
通過(guò)多種技術(shù)方式定位、選定Web頁(yè)上的特定元素。
禁止或激活I(lǐng)E設(shè)置。
查看HTML對(duì)象的類(lèi)名、ID，以及類(lèi)似鏈接路徑、tab順序、快捷鍵等細(xì)節(jié)。
描繪表格、單元格、圖片或選定標(biāo)簽的輪廓。
顯示圖片象素、大小、路徑、替代文字等。
即時(shí)重定義瀏覽器窗口大小到800x600或自定義大小。
清空瀏覽器緩存和cookie，被清除項(xiàng)可從所有對(duì)象或給定域中選擇。
直接訪(fǎng)問(wèn)關(guān)聯(lián)W3C規(guī)范參考、IE開(kāi)發(fā)組blog或其他來(lái)源。
顯示設(shè)計(jì)時(shí)標(biāo)尺，幫助對(duì)齊對(duì)象。
2.另外一個(gè)工具叫HttpWatch Professional,當(dāng)前版本是4.1.26,是一款強(qiáng)大的網(wǎng)頁(yè)數(shù)據(jù)分析工具,可以查看當(dāng)前網(wǎng)頁(yè)的http數(shù)據(jù),方便大家調(diào)試,當(dāng)然也可以拿來(lái)做其他的，譬如抓flash等地址.想知道GMail或者是任何一個(gè)AJAX網(wǎng)頁(yè)時(shí)如何和服務(wù)器進(jìn)行數(shù)據(jù)交互的嗎？用這個(gè)插件就可以一覽無(wú)余了。其介紹和下載地址是 點(diǎn)這里打開(kāi)
3.PowerBand是一個(gè)IE的插件(同時(shí)也支持MyIE2/Maxthon)。提供了對(duì)HTML動(dòng)態(tài)分析，跟蹤，編輯的功能。能夠方便快捷的分析HTML頁(yè)面的結(jié)構(gòu)，有助于網(wǎng)頁(yè)設(shè)計(jì)人員/網(wǎng)站開(kāi)發(fā)人員調(diào)試，分析晦澀的HTML代碼。這是我最早使用的HTML開(kāi)發(fā)輔助工具，現(xiàn)在是2.1版了，支持ASP.NET ViewState的解碼，支持DebugView，類(lèi)似于VC中的Watch，通過(guò)這個(gè)功能能夠顯示頁(yè)面中元素對(duì)象的詳細(xì)內(nèi)容。同時(shí)，PowerBand也支持即時(shí)腳本交互功能。
4.ViewPage是MyIE2/Maxthon瀏覽器插件，這個(gè)插件不算是純粹的開(kāi)發(fā)輔助，它看起來(lái)更像是資源提取，可以方便的提取網(wǎng)頁(yè)中的源代碼，包括所有框架的源代碼，提取圖像、Flash、媒體文件、鏈接，我最欣賞的就是能方便的查看頁(yè)面中包含的所有js文件源代碼和所有css源代碼。
5. microsoft script debugger 腳本調(diào)試工具 Microsoft Script Debugger ，配合IE在調(diào)Ajax腳本代碼時(shí)用得到，用 debugger; 設(shè) 斷點(diǎn)。安裝后，將Internet 選項(xiàng)->高級(jí)->禁用腳本調(diào)試(Internet Explorer) 前的“√”去掉。
另外，IE下的優(yōu)秀JavaScript調(diào)試工具Companion.JS，配合mse更好用
6.Microsoft Script Editor (word中->工具->宏->Microsoft 腳步編輯器，或者"\Microsoft Office\OFFICE11\MSE7.exe")
Firefox下的開(kāi)發(fā)插件(以firefox2.0為主)
1.firebug:類(lèi)似ie下的iedevbar,但是功能上強(qiáng)大了許多,還可以截獲xmlhttp數(shù)據(jù)等, 相信用過(guò)的人都非常喜歡.其官方網(wǎng)站是 http://www.getfirebug.com,當(dāng)前最新版本為1.0
2. IE Tab當(dāng)前版本 1.3.0.20070110,可以ff中打開(kāi)ie的tab,方便訪(fǎng)問(wèn)一些在ff下不能正常訪(fǎng)問(wèn)的網(wǎng)站,對(duì)開(kāi)發(fā)人員來(lái)說(shuō)，瀏覽ie和ff下布局的問(wèn)題就方便了很多.更多信息請(qǐng)查看 http://ietab.mozdev.org:
4.其他還有很多，大家可以在網(wǎng)站下載安裝.像leak monitor,inspectThis,jsView等,都是不錯(cuò)的選擇.
其他：
- 最著名的就是Web Developer了，這個(gè)插件幾乎囊括了所有能實(shí)現(xiàn)的web開(kāi)發(fā)輔助功能，微軟的那個(gè)就像是模仿于它
- Aardvark是一個(gè)CSS debug插件
- Add & Edit Cookies，看名字就知道了，一個(gè)專(zhuān)門(mén)增加和修改Cookies的插件，相關(guān)的還有一個(gè)View Cookies是用來(lái)查看Cookies的插件
- Colorzilla可以捕獲當(dāng)前鼠標(biāo)所指的頁(yè)面坐標(biāo)位置和顏色，以及DOM路徑
- IE View and Opera View是兩個(gè)專(zhuān)門(mén)在Firefox中用IE和Opera中打開(kāi)一個(gè)頁(yè)面的工具，方便你調(diào)試支持多瀏覽器的web
- MeasureIt是一個(gè)Firefox中畫(huà)坐標(biāo)和度量尺的小插件，用它測(cè)量HTML元素的寬高很是方便
- Live HTTP Headers是一個(gè)類(lèi)似于HttpWatch功能一樣的Firefox插件，用來(lái)查看HTTP Header、Cookie、MIME等信息，不過(guò)HttpWatch是收費(fèi)的，這個(gè)確是免費(fèi)的，推薦下載
Firefox下的開(kāi)發(fā)類(lèi)插件太多了，如果你感興趣可以打開(kāi)這個(gè)鏈接，這里面全是Developer Tools。還有這篇文章，非常詳細(xì)的一步一步介紹了Mozilla Firefox的web開(kāi)發(fā)工具，推薦閱讀
PS：其他相關(guān)開(kāi)發(fā)IDE、插件等
a、圖片編輯軟件 ImageMagick jmagick。
b、ColorPic，這也是一個(gè)免費(fèi)的軟件，用于拾取顏色的，鼠標(biāo)移動(dòng)到哪里就拾取哪里的顏色。
c、Aptana IDE （eclipse插件地址 http://update.aptana.com/update/）用于開(kāi)發(fā)js、css、html。
d、Ajax技術(shù)框架及開(kāi)發(fā)工具 http://bijia.anyflex.cn/article.asp?id=322
|
posted on 2007-08-12 16:30
歲月如歌 閱讀(1165)
評(píng)論(2) 編輯 收藏 所屬分類(lèi):
js