关于小悟志网站地图归档友情链接联系Feed

云上小悟 + 

首页 » 网站建设 »

移动版网页的HTML验证技巧

网站建设
2015年10月20日 / 52次阅读
标签: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/wz/yidongban-html-9120
云上小悟 麦新杰(QQ:1093023102)

相关文章

评论是美德

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

无力满足评论实名制,评论对非实名注册用户关闭,有事QQ:1093023102.

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

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


前一篇:
后一篇:

栏目精选


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

网站二维码
拍拍贷
go to top