移動適配不穩定、不生效,可能是這些原因造成的!

一、網站頁面有跳轉,適配不穩定

站點反饋他們移動端的適配不穩定,移動展示的頁面去預期效果不符;

移動適配不穩定、不生效,可能是這些原因造成的!

移動適配不穩定、不生效,可能是這些原因造成的!

經查是站點在下載頁面對機型進行了自適應,頁面會根據機型跳轉,所以移動端的展現不穩定;

解決方案:

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


分享到:


相關文章: