[Tool]W3C释出Web Validation Tool

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堂课》,为培养中国台湾未来的领袖而努力。