云上小悟
首页   关于   小悟志   栏目   标签   文章   归档   友链   联系

   云上小悟  +  

移动版网页的HTML验证技巧

网站建设 / by: 麦新杰 / 发布:2015年10月20日 / 43次阅读 / 2条评论
标签:HTML语言   / 最后修改时间: 2015-10-19 08:17:09

网站建设 / 2015年10月20日 / 43次阅读 / 标签:HTML语言  


移动版网页的HTML验证技巧

麦新杰分享过网页做HTML验证的建议。那个时候我的网站还只有桌面版(PC端),现在是移动互联网的时代,哪个网站没有移动版!做了移动版网页,最后的一步,就是做移动版网页的HTML验证。

本文介绍移动版网页做HTML验证的方法,仅适用于通过代码适配(桌面版和移动版的URL一致,但是内容不同)开发的移动版网页。跳转适配的移动版网页,HTML验证很简单,因为URL不一样,直接在桌面上做即可;自适应方式的网页跟跳转适配一样,URL虽然不变,但是内容页跟桌面版一致,做HTML验证很直接简单。(关于移动版网页的三种适配方案,已经相关User-Agent知识,请参考HTTP报文头中Vary:User-Agent的作用和配置

 

代码适配的移动版网页在手机上显示,如何做移动版网页的HTML验证呢?请先学习移动版网页调试技巧,里面提到了通过浏览器设置UA(User-Agent)的方式,来调试移动版网页。这里,我们同样可以通过设置UA的方式,来进行移动版网页的HTML验证。

W3C官方网站做HTML验证的入口:

http://www.w3school.com.cn/site/site_validate.asp

 

输入要进行HTML验证的网址,比如www.maixj.net,然后点击“验证文件”,就可以看到验证结果了,如下图:

HTML验证结果页面,这个示例显示验证没有问题

HTML验证结果页面,这个示例显示验证没有问题

下面介绍通过这个工具,来进行移动版网页HTML验证的技巧。

首先,我们需要拷贝一个移动终端的UA字符串,这个UA字符串的获取请见下图,具体操作细节,请见移动版网页调试技巧:

获取移动终端UA字符串的技巧

获取移动终端UA字符串的技巧

得到了这个UA字符串之后,我们在回到HTML验证工具的操作页面,点击“Option”那个按钮,然后将这个UA字符串拷贝进去,如下图:

移动版网页HTML验证,输入UA信息,打开源代码显示

移动版网页HTML验证,输入UA信息,打开源代码显示

 

这样就可以在PC机上,很方便的做移动版网页的HTML验证了。ENJOY.

本文固定链接:http://www.maixj.net/wangzhan/yidongban-html-9120
amazon海外购

“移动版网页的HTML验证技巧”有2条评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注

  • 现在都是自适应的主题了!博主可以考虑换主题了!呵呵!   [ 回复 ]

    • 麦新杰  says:

      自适应主题对浏览器要求很高,兼容性比较差,还要看网站内容主题的目标群体的上网习惯。自适应主题的开发维护难度也比较大,网页体积也较大,打开较慢,不能做到针对桌面端和移动端的裁剪,东西都混在一起了。   [ 回复 ]


前一篇:
后一篇:

麦新杰的云上小悟独立博客网站文章内容,除非特别注明,全部都是原创,如需转载,请先阅读版权声明!原创文章更具个性,有些文字虽略显随意,但不影响个人思想表达。部分文章是我自己的笔记,为自己记录,总结和收藏,同时也分享给您!这是本博建设的出发点,希望您喜欢并得到您的支持!喝杯茶,慢慢阅读...

©Copyright 麦新杰 SINCE 2014 云上小悟独立博客版权所有  备案号:苏ICP备14045477号-1  

本站360安全检测  Valid CSS!