InfoQ上的一篇新聞:W3C Releases Unicorn Web Validation Tool
在測試我們設計的網頁是否能在各種標準瀏覽器(桌上型+行動裝置)上執行,總是讓人煞費苦心,大多數出問題的地方都在html、CSS、js的屬性、標籤上,有時候為了調整這些小地方,就要花費許多的時間還不見得改到正確的地方,W3C推出這個網頁版的驗證工具真是佛心來的,可同時驗證四部分:
Markup validator:檢查html的標籤是否符合標準
CSS validator:檢查CSS是否標準
MobileOk checker:檢查對Mobile瀏覽器的友善度
Feed validator:檢查Atom或RSS的文法 
      
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      
      
目前它支援三種驗證網頁方式:      
       
      
透過URI:直接輸入URL即可檢查      
透過檔案上傳:支援部分格式(html、htm..)文件上傳後自動檢查      
透過直接輸入內文:直接將html、CSS、js輸入在網頁上的TextArea中直接檢查      
      
我先以Yahoo進行測試,這個結果真的是非常可怕,竟然被檢查出如此多的異常:      
       
      
深入去看我們就會看到問題其實都不大,但問題就在這些小地方發生,能走標準就儘量follow吧。      
       
      
不過上頭看來只有HTML、CSS跟Feed的驗證,好像沒有看到Mobile的,回到首頁我們在工作的地方選擇MobileOK Checker,按下驗證後就可以看到結果了;      
       
      
Mobile的部分它會給一個得分,Yahoo得了87分。      
      
這個工具可以幫我們檢查到一些問題,在我們開發上應該會有所幫助。
![]()  | 
			
			 游舒帆 (gipi) 探索原力Co-founder,曾任TutorABC協理與鼎新電腦總監,並曾獲選兩屆微軟最有價值專家 ( MVP ),離開職場後創辦探索原力,致力於協助青少年培養面對未來的能力。認為教育與組織育才其實息息相關,都是在為未來儲備能量,2018年起成立為期一年的專題課程《職涯躍升的關鍵24堂課》,為培養台灣未來的領袖而努力。  | 
		

