Firefox 擴充功能。也許是因為Web Developer Toolbar 的功能太強大,很多很有用的功能也許都在使用的過程中被使用者不小心忽略了。讓我們在這裡把這些被遺忘的技巧做個小小的總結,讓世界充滿愛:
Images/View Image Information
透過這個選項可以在一個新的標籤頁裡顯示目前網頁中所有圖片元素的屬性:路徑,大小,尺寸等等,特別的方便。
Information/View Color Information
網頁的配色是門很大的學問。很多人都喜歡使用Colorzilla 來查看網頁的配色訊息,這個擴充功能可以在狀態列顯示當前指針位置的色彩訊息,包括圖片的色彩。比起Web Developer Toolbar 的這個功能有點弱,不過仍然可以一鍵調出目前網頁中CSS 呼叫的所有色彩,對研究網頁配色很有幫助。
Information/Display Element Information
從前我要查看網頁某一元素或區域的div 屬性的時候,總是右鍵呼出來源文件,然後開始使用查找功能,一行一行的開始找。有了這個功能之後就不用這麼麻煩了。當你想查看網頁中的某些屬性,比如說class/id,位置等等時,只要輕輕的使用快捷鍵Ctrl+Shift+F 然後點擊那部分區域就可以查看所有你想知道的東西了。
Forms/Show Passwords
很多人都喜歡明碼顯示密碼,理由很多。 Web Developer Toolbar 的這個功能為有這個怪癖的Firefox 使用者提供了一個可能。點選這個選項之後在密碼輸入框裡就會明碼顯示了。
Miscellaneous/Small Screen Rendering
越來越多的使用者可以使用自己的手機和PDA 上網瀏覽網頁了,使用這個功能可以讓你預覽一下自己的網頁在這些便攜裝備上的樣子,根據預覽圖你可以優化一下自己網頁的佈局和框架,讓她們在PDA 下瀏覽起來更方便。
Miscellaneous/Visited Links
在某些情況下我們會希望目前網頁的所有超連結全部失效,以便檢查和調試我們的網頁。在這個選項下用戶可以選取Mark All Links Unvisited,全部超連結就暫時失效了。
Tools/View Speed Report
Tools 選單裡的選項基本上都是關於網站的各種驗證的,CSS,JS,HTML 等等,這裡還有一個很有用的功能,就是可以在線上測試網站的載入速度。這裡調用了Web Page Analyzer 的數據,點擊選項之後Web Developer Toolbar 會將當前網站提交到Web Page Analyzer 進行測試,用戶可以根據Web Page Analyzer 提供的數據列表了解到底是哪些文件影響了自己網站的載入速度。
Miscellaneous/Edit HTML
Web Developer Toolbar 裡使用頻率最高的功能也許就是Edit CSS 了,使用者可以即時進行修改目前網頁的CSS 並且可以馬上看到修改的效果。使用者也可以使用Web Developer Toolbar 修改HTML 文件,這個功能就藏在Miscellaneous 下。