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