微信打开页面底部显示“原页面已由QQ浏览器云转码”解决办法
问题描述:
微信分享的页面底部显示“原页面已由QQ浏览器云转码”,页面布局只显示文字,没有图片等css样式,点击右上角在浏览器中打开还是会转码,没有样式只有文字。
原因分析:
1.网上现有的说法是使用了IP访问会出现这种问题,采用域名访问就好了,这种我没有亲自试验,但是我之前也是使用IP访问的没有被云转码,这一次就被云转码了,所以这个不是根本原因。
2.据我亲自试验,当H5页面文字超出一定范围,且使用H5标签为<p>
标签时,就会出现云转码。原因我猜想是QQ浏览器具有识别长文本的功能,当检测到页面文字过多(如文章)时,会自动去掉样式(图片、布局)等来节省流量,方便阅读。微信浏览器内置式QQ浏览器 X5内核,所以在微信中打开也会被转码。
解决办法:
长文本或段落不使用<p>
标签,而采用<div>
标签,这样QQ浏览器就不会识别为段落。这样就可以显示样式和布局了,不限制文本长度。
ps: H5有很多语义化标签,支持H5的浏览器内核可以识别并作出不同的解析。