首页 » 网站建设 »

移动版网页的HTML验证技巧

2015年10月20日 / 72次阅读
HTML

打开支付宝首页,搜索“529018372”,即可领取红包!可重复领。

特色图片

麦新杰分享过网页做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.

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

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


前一篇:
后一篇:

栏目精选

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

Ctrl+D 收藏本页

栏目

AD

ppdai

©Copyright 麦新杰 Since 2014 云上小悟独立博客版权所有 备案号:苏ICP备14045477号-1。云上小悟网站部分内容来源于网络,转载目的是为了整合信息,收藏学习,服务大家,有些转载内容也难以判断是否有侵权问题,如果侵犯了您的权益,请及时联系站长,我会立即删除。

网站二维码
go to top