移动适配不稳定不生效 是什么原因造成的

摘要:一、网站页面有跳转,适配不稳定站点反馈他们移动端的适配不稳定,移动展示的页面去预期效果不符;经查是站点在下载页面对机型进行了自适应,页面会根据机型跳转,所以移动端的展现不稳定;解决方案:1、建议站点将机型识别功能放置在下载按钮中,根据机型给予不同下载地址,而不是给予不同的下载页面;

  一、网站页面有跳转,适配不稳定

  站点反馈他们移动端的适配不稳定,移动展示的页面去预期效果不符;

 

  经查是站点在下载页面对机型进行了自适应,页面会根据机型跳转,所以移动端的展现不稳定;

移动适配不稳定不生效 是什么原因造成的

  解决方案:

  1、建议站点将机型识别功能放置在下载按钮中,根据机型给予不同下载地址,而不是给予不同的下载页面;

  2、将pc-m的适配规则固定,不要一种pc页面指向多种移动页面;

  二、适配规则的混淆

  站点咨询为什么他们的适配规则老是不生效

  适配规则

  http://123.abc.com.cn/b/([a-zA-Z0-9]+).html

  http://m.123.abc.com.cn/b/${1}.html

  示例

  http://123.abc.com.cn/b/60Co9c6jl.html

  http://m.123.abc.com.cn/b/60Co9c6jl.html

  经查发现:他们使用了错误的适配规则;

  像这样的链接

  http://123.abc.com.cn/b/60Co9c6jl.html

  http://m.123.abc.com.cn/b/60Co9c6jl.html

  应该使用下面的适配规则

  http://123.abc.com.cn/b/((?:[a-zA-Z]+[0-9]+|[0-9]+[a-zA-Z]+)[a-zA-Z0-9]+).html

  http://m.123.abc.com.cn/b/${1}.html

  注意不要将([a-zA-Z0-9]+)和((?:[a-zA-Z]+[0-9]+|[0-9]+[a-zA-Z]+)[a-zA-Z0-9]+)混淆

  只要是数字字母交叉出现超过两次,就是((?:[a-zA-Z]+[0-9]+|[0-9]+[a-zA-Z]+)[a-zA-Z0-9]+),如123abf123这样就算出现2次以上,请大家注意!