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

w3c help-01

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

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

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

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

留言

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

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

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

    回覆刪除

張貼留言

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

這個網誌中的熱門文章

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

內建 Windows 10 螢幕錄影功能:用遊戲列錄製軟體教學影片

3款一鍵美化截圖工具:Screenzy、 BrandBird、 Pika 功能比較

幫助工作專注與放鬆的 9 個大自然、白噪音、 Lo-Fi 免費音樂電台

Draw.io 中文線上製作流程圖首選!專業水準完全免費

pyTranscriber 影片自動上字幕免費軟體!10分鐘搞定1小時影片

Google 文件開啟「不分頁」,讓專案表格、企劃圖文內容不中斷

EP4 很難養成覆盤、每週檢視習慣?三個有效步驟,一個關鍵心法

Outlook 職場必備郵件整理圖解教學,網頁版 11 個排程管理技巧