[Tool]W3C釋出Web Validation Tool-Unicorn

InfoQ上的一篇新聞:W3C Releases Unicorn Web Validation Tool

在測試我們設計的網頁是否能在各種標準瀏覽器(桌上型+行動裝置)上執行,總是讓人煞費苦心,大多數出問題的地方都在html、CSS、js的屬性、標籤上,有時候為了調整這些小地方,就要花費許多的時間還不見得改到正確的地方,W3C推出這個網頁版的驗證工具真是佛心來的,可同時驗證四部分:
Markup validator:檢查html的標籤是否符合標準
CSS validator:檢查CSS是否標準
MobileOk checker:檢查對Mobile瀏覽器的友善度
Feed validator:檢查Atom或RSS的文法

image
InfoQ上的一篇新聞:W3C Releases Unicorn Web Validation Tool

在測試我們設計的網頁是否能在各種標準瀏覽器(桌上型+行動裝置)上執行,總是讓人煞費苦心,大多數出問題的地方都在html、CSS、js的屬性、標籤上,有時候為了調整這些小地方,就要花費許多的時間還不見得改到正確的地方,W3C推出這個網頁版的驗證工具真是佛心來的,可同時驗證四部分:
Markup validator:檢查html的標籤是否符合標準
CSS validator:檢查CSS是否標準
MobileOk checker:檢查對Mobile瀏覽器的友善度
Feed validator:檢查Atom或RSS的文法

這真是四個願望一次滿足,只能說酷斃了,趕快來玩看看,首先連到這個網址:http://validator.w3.org/unicorn/check

目前它支援三種驗證網頁方式:
image

透過URI:直接輸入URL即可檢查
透過檔案上傳:支援部分格式(html、htm..)文件上傳後自動檢查
透過直接輸入內文:直接將html、CSS、js輸入在網頁上的TextArea中直接檢查

我先以Yahoo進行測試,這個結果真的是非常可怕,竟然被檢查出如此多的異常:
image

深入去看我們就會看到問題其實都不大,但問題就在這些小地方發生,能走標準就儘量follow吧。
image

不過上頭看來只有HTML、CSS跟Feed的驗證,好像沒有看到Mobile的,回到首頁我們在工作的地方選擇MobileOK Checker,按下驗證後就可以看到結果了;
image

Mobile的部分它會給一個得分,Yahoo得了87分。

這個工具可以幫我們檢查到一些問題,在我們開發上應該會有所幫助。

游舒帆 (gipi)

探索原力Co-founder,曾任TutorABC協理與鼎新電腦總監,並曾獲選兩屆微軟最有價值專家 ( MVP ),離開職場後創辦探索原力,致力於協助青少年培養面對未來的能力。認為教育與組織育才其實息息相關,都是在為未來儲備能量,2018年起成立為期一年的專題課程《職涯躍升的關鍵24堂課》,為培養台灣未來的領袖而努力。