Share via


相容性面板

[相容性] 面板可以檢查網站中一或多個網頁與 CSS 檔,或所有網頁與 CSS 檔的程式碼錯誤,以及與所指定的 Doctype 與 CSS 結構描述不相容的程式碼。您可以使用面板中的結果,檢視每個問題的相關資訊,並移至包含該項問題的程式碼行。您也可以複製一或多個結果,或產生一個網頁涵蓋整份報告。如需詳細資訊,請參閱相容性報告

產生報告時,[相容性] 面板會包含下列欄:

  • [狀態]   顯示一個圖示,表示包含問題的檔案類型及檔案的狀態。

  • [網頁]   列出包含問題的網頁及網頁位置。

  • []   列出 [程式碼] 檢視中包含問題的行號。

  • [問題類型]   列出問題的類型,可能是 [不相容] 或 [程式碼錯誤]。欄中的結果會受到每個網頁的 DocType 宣告,或執行報告時所選取的結構描述所影響。

  • [結構描述]   找出程式碼不相容的文件類型或 CSS 層級。

  • [問題摘要]   說明程式碼錯誤,或程式碼與結構描述不相容的原因。此欄中的內容也會在您指向面板中的某列,或在 [程式碼] 檢視中指向問題來源時,顯示在 [工具提示] 中。

相容性面板按鈕

  • 若要開啟 [相容性檢查程式] 對話方塊,請按一下 [執行相容性檢查程式] Cc295334.46327336-4b09-413d-bc3d-a4ffcf1f1938(zh-tw,Expression.40).png

  • 若要開啟包含清單中下一個或上一個結果的網頁並醒目提示問題,請按一下 [下一個結果] Cc295334.b146ed86-14e2-474a-860f-8444e1e9ad8b(zh-tw,Expression.40).png 或 [上一個結果] Cc295334.d454c864-e476-4239-9b62-50743f96f015(zh-tw,Expression.40).png。若要移至開啟網頁中的下一個問題,請按 F9。

  • 按一下 [重新整理變更的結果] Cc295334.dd667c7b-29ba-4a83-8bfc-44c3006f14b1(zh-tw,Expression.40).png,重新檢查之前已檢查但變更過的網頁。

  • 按一下 [產生 HTML 報表] Cc295334.62c1dc8d-3d80-41f9-9af9-fa8c1fd2edcb(zh-tw,Expression.40).png,產生顯示相容性結果的網頁。您可以列印網頁或在瀏覽器中顯示網頁,然後使用清單核取每個解決的問題。

  • 若要排序結果的清單,請按一下排序所依據的欄名。若要反向排序清單,請再按一次欄名。若要限制符合選取條件的結果,請按一下顯示在欄標題中的向下箭號 Cc295334.902b6cbf-85c4-4847-9f11-103ef86cd882(zh-tw,Expression.40).png,並選取篩選結果的條件。

    tip note秘訣:

    當報告的結果經過篩選後,篩選欄的向下箭號 Cc295334.902b6cbf-85c4-4847-9f11-103ef86cd882(zh-tw,Expression.40).png 會呈現藍色 Cc295334.8927244e-e2c4-4254-9ca2-378ac5cbd01b(zh-tw,Expression.40).png 而非黑色。

  • 以滑鼠右鍵按一下記錄時,所顯示的快顯功能表將會提供下列選項:

    • [移至指定頁]   開啟包含結果的網頁並反白顯示問題。

    • [相容性報告]   開啟 [相容性檢查程式] 對話方塊。

    • 在資料夾清單中選取結果檔案   在 [資料夾清單] 面板中尋找所選取的網頁。

    • [清除結果]   清除結果清單。

    • [重新整理變更的結果]   重新檢查最初指定但已變更的網頁。

    • [複製結果]   以表格的形式複製報告的選取結果。

    • [移除篩選]   取消選取所有篩選條件,並將每欄的 [篩選] 功能表設定為 [全部]。

另請參閱

工作

相容性報告

概念

自訂篩選
驗證程式碼
產生網站報告
協助工具報告
面板