輪廓菜單css
顧名思義,此菜單的功能就是顯示指定類型元素的輪廓,挺實用的功能。html
【表單元素】緩存
用×××邊框突出顯示錶單元素cookie
其餘選項功能同樣,只是邊框顏色不一樣,這個你們能夠本身試用體會,我就不一一列舉了。ide
【任何元素】工具
。你能夠自定義任何標籤和他們要用什麼顏色的線框出來。點擊這個菜單,會彈出下面的對話框。很簡單,親自用用便知道了。3d
【定位對象】調試
相對:htm
用綠色線框突出全部具備position:relative樣式的元素。 對象
絕對:
用黑色線框突出全部具備position:absolute樣式的元素。
固定:
用藍色線框突出全部具備position:static樣式的元素。
浮動:
用×××線框突出全部具備float樣式的元素。
【清除輪廓】
當你的頁面已經被各類顏色的線搞的像Excel表格同樣的時候,你能夠能夠使用這個命令來清除全部的線了。
圖像菜單
很明顯,這個命令就是控制頁面上各類圖片的,爲了避免侮辱您的智商,具體功能我就不說明了,實在不懂的裝個IE8來用用便知。值得注意的是,禁用圖像功能不只禁用的是頁面全部的img元素,甚至連背景圖片也會被禁用。
緩存菜單
此菜單功能不用我說了吧,看各子菜單的文字說明就能夠知道是幹什麼用的了。我比較喜歡這個查看Cookie 信息功能,能夠列舉出當前頁面的全部cookie的詳細信息。包括Name Value Domain Path Expires屬性。
工具菜單
【從新調整大小】
還在爲沒有多個顯示器調試頁面發愁嗎?試試這個功能吧 不會讓您失望的。
【顯示標尺】
標尺工具,用來度量頁面元素的大小。
【顯示顏色選取器】
抓取頁面指定位置的顏色信息。
驗證菜單
【HTML】
驗證頁面的HTML代碼。會將本頁面發送到w3c的html驗證工具,並獲得驗證報表。
【CSS】
驗證頁面的CSS代碼。會將本頁面發送到w3c的css驗證工具,並獲得驗證報表。
【源】
驗證頁面的源文件代碼。會將本頁面發送到feedvalidator.org驗證工具,並獲得驗證報表。
【連接】
驗證頁面的連接。會將本頁面發送到w3c的驗證工具,並獲得驗證報表。
【本地HTML】
打開w3c的html驗證工具,對本地的頁面進行驗證。
【本地CSS】
打開w3c的CSS驗證工具,對本地的頁面進行驗證。
【輔助功能】之「WCAG清單」
驗證頁面的WCAG(Web Content Accessibility Report-頁面的可訪問性)。會將本頁面發送到contentquality.com驗證工具,並獲得驗證報表。
【輔助功能】之「第508條清單」
驗證頁面的508 Standards。會將本頁面發送到contentquality.com驗證工具,並獲得驗證報表。
【多個驗證】
同時驗證對頁面進行多個規範的驗證。
至此,全部的菜單基本功能已經瞭解了,更多強大實用的功能期待您的挖掘,或者等待下次更新。