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