|
????做web開(kāi)發(fā)5年了，居然才發(fā)現(xiàn)有這么好的瀏覽器開(kāi)發(fā)工具，真是慚愧了
???
??? 做Java的web開(kāi)發(fā)，肯定離不開(kāi)瀏覽器，現(xiàn)在流行的瀏覽器除了微軟的IE，還有其他流行的瀏覽器：firefox,opera。俗話說(shuō)：“欲要善其事，必先利其器”，下面我就列出工作中針對(duì)這些瀏覽器常用的工具。
1.Instant Source
這是一款針對(duì)IE的工具。對(duì)網(wǎng)頁(yè)源文件的查看，可以使我們獲得更多與網(wǎng)頁(yè)相關(guān)的信息，對(duì)網(wǎng)頁(yè)制作者來(lái)說(shuō)，一些設(shè)計(jì)得較有特色的網(wǎng)頁(yè)，通過(guò)對(duì)其源代碼來(lái)查看以作進(jìn)一步地學(xué)習(xí)借鑒就更有必要了。但在IE中查看源文件極為不便。Instant Source是一個(gè)非常實(shí)用的IE插件，只要你用鼠標(biāo)指向網(wǎng)頁(yè)上的某一元素，它的HTML代碼便即時(shí)顯示出來(lái)，配合Shift、Ctrl鍵的操作，還可以鎖定顯示的源代碼和顯示HTML代碼的上級(jí)元素。此外，通過(guò)鼠標(biāo)還可以直接獲取網(wǎng)頁(yè)上各種顏色的R、G、B值及HEX代碼。
2.ieHTTPHeaders
這是一款針對(duì)IE的工具。我們進(jìn)行web開(kāi)發(fā)的時(shí)候，使用的就是http協(xié)議，這個(gè)軟件能夠幫助我們查看http協(xié)議的表頭的信息。
3.Internet Explorer Developer Toolbar
這是一款針對(duì)IE的工具。IE Developer Toolbar 特性如下： －瀏覽和修改Web頁(yè)的文檔對(duì)象模型（DOM）。－通過(guò)多種技術(shù)方式定位、選定Web頁(yè)上的特定元素。－禁止或激活I(lǐng)E設(shè)置。－查看HTML對(duì)象的類名、ID，以及類似鏈接路徑、tab順序、快捷鍵等細(xì)節(jié)。－描繪表格、單元格、圖片或選定標(biāo)簽的輪廓。－顯示圖片象素、大小、路徑、替代文字等。－即時(shí)重定義瀏覽器窗口大小到800x600或自定義大小。－清空瀏覽器緩存和cookie，被清除項(xiàng)可從所有對(duì)象或給定域中選擇。－直接訪問(wèn)關(guān)聯(lián)W3C規(guī)范參考、IE開(kāi)發(fā)組blog或其他來(lái)源。－顯示設(shè)計(jì)時(shí)標(biāo)尺，幫助對(duì)齊對(duì)象。該工具條可集成在IE窗口，或以浮動(dòng)窗口形式存在\\使用方法:安裝好以后,打開(kāi)IE,在菜單欄中選擇 查看---工具欄,勾上 Developer Toolbar
4.FireBug
這是一款針對(duì)FireFox的工具.可以查看和臨時(shí)修改HTML源代碼、查看CSS定義、調(diào)試JavaScript.尤其是在firefox上調(diào)試javascript功能非常的強(qiáng)大，但是firefox對(duì)javascript的兼容性沒(méi)有IE好，所以這款插件就會(huì)有很大的局限性。
5.script debugger
這是一款針對(duì)IE的javascript調(diào)試工具。此工具的特點(diǎn)是小巧，功能齊全，debug時(shí)能夠單步執(zhí)行，能夠顯示變量，Object的值，缺點(diǎn)是不夠穩(wěn)定，很容易出錯(cuò)，出錯(cuò)以后這個(gè)工具就再也打開(kāi)不了。
6.microsoft script editor
這是一款針對(duì)IE的工具.調(diào)試javascript的功能非常的強(qiáng)大，他是跟隨office發(fā)布的，這個(gè)工具很穩(wěn)定，一般不會(huì)出錯(cuò)，調(diào)試javascript需要的功能都具有，唯一的缺點(diǎn)是占內(nèi)存較多，比較慢，如果內(nèi)存小的話可以考慮使用script debugger.
|