瀏覽器兼容性檢測工具,自動分析網頁語法裡的不相容隱藏錯誤

w3c help-01

之前我有介紹過「IETester」這個工具,可以讓我們模擬測試自己的網站在各種版本的IE裡跑起來如何。不過即使測試後發現自家網頁可能在IE6、7、8中跑出來的樣子和Firefox、Google Chrome有點不一樣,或者某些效果無法出現,但也不一定立刻知道問題在哪裡。

而今天剛好看到一款Google Chrome擴充套件「瀏覽器兼容性檢測工具」,它的功能就是具體揪出網頁在各種瀏覽器中的相容性問題,並且還能提出解決建議。,使用方法非常簡單,來到某個想要檢測的頁面,按下啟動按鈕,在彈出氣泡框中切換到〔Advanced〕分頁,這時候就能開始自動檢測。

而被「瀏覽器兼容性檢測工具」找出來的錯誤,都會在網頁中以黃框、紅框標明,這分別代表了問題的嚴重程度,點擊這些註解後則會彈出詳細的問題分析,並且可以連結到「W3Help」中文網頁查看如何解決錯誤的建議說明。

我自己並非技術人員,所以老實說它提供的很多建議我也並非完全理解,但或許這款工具對於網頁設計者來說可以提供檢測時的方便性,所以分享出來給有興趣的朋友可以試用看看。

留言

  1. 雖然是開放源碼的,但是使用者、開發者仍太少了,
    且它要求的權限太高,我還是再繼續觀望看看好了@@

    回覆刪除
  2. 我自己並非技術人員,所以老實說它提供的很多建議我也並非完全理解,但或許這款工具對於網頁設計者來說可以提供檢測時的方便性,所以分享出來給有興趣的朋友可以試用看看。

    我自己是技術人員,所以老實說前輩不說我們也知道,而且還有更好的工具...

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多,開始測試「留言管理」機制,讓我可以更容易回應讀者留言,並更簡單過濾掉廣告,但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用?立可得與 ibon教學+比較表

Google Maps 我的地圖完全教學!規劃自助旅行攻略

Slack 完整教學與上手心得:找到正確的團隊溝通之道

Google NotebookLM 免費中文 AI 筆記實例教學,老師、學生、創作者利器

Miro 遠距工作開視覺會議的免費強大白板,專案圖解實例教學

Google 表單自動關閉回覆教學:時間人數到達就過期

畫張圖說得更清楚! Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

如何用 AI 工具提升工作效率?三個關鍵步驟讓生成結果更精準有效

Excalidraw 免費 AI 生成流程圖,一鍵畫出知識圖表、專案流程、寫作大綱

ChatGPT Canvas 全新 AI 寫作、程式碼編輯工具,不再只能對話!