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

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

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

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

解决方案：

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次以上，请大家注意!