广告
AD
关于   小悟志   栏目   标签   文章   归档   友链

   云上小悟  +  

移动版网页的HTML验证技巧

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

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

拍拍贷
featured image

麦新杰分享过网页做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/wz/yidongban-html-9120
云上小悟 麦新杰(QQ:1093023102)

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

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

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

    • 麦新杰  said:

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


前一篇:
后一篇:

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

©Copyright 麦新杰 Since 2014 云上小悟独立博客版权所有  备案号:苏ICP备14045477号-1  economists.cn的备案号:苏ICP备14045477号-3    联系我们

云上小悟,麦新杰的独立博客