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