做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ì)象的類(lèi)名、ID,以及類(lèi)似鏈接路徑、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. |
|
來(lái)自: nbtymm > 《HTML&Css》