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

w3c help-01

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

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

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

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

留言

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

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

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

    回覆刪除

張貼留言

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

這個網誌中的熱門文章

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

微軟 Bing AI 繪圖工具 Image Creator 免費開放,30秒輕鬆生成圖片

Arc 瀏覽器 windows 版測試心得,用四大介面改造升級專注工作流

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

個人知識管理的時間平衡心法,忙碌中我如何維持高效率輸入輸出

5 條「這時候,不要做」清單打破無意識行動模式的低效率循環

如何用 ChatGPT 加速生成一份有圖有文的簡報,實戰案例教學

Google 表單的 10 個專業問卷調查設計秘密教學

ChatGPT DALL-E 3 的7個特殊 AI 繪圖應用教學,勝過 Midjourney