微空间-微信开发

移动适配不稳定、不生效的原因

2017-6-29 09:06| 发布者: itwuhan| 查看: 318| 评论: 0

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

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

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

解决方案:

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

相关阅读
  • 武汉移动端网站建设的四个特点 武汉移动端网站建设的四个特点

    据微空间对客户网站的统计,手机用户访问企业网站份额占了80%以上,PC端仅占17%,开发手机网站对于企业来说刻不容缓,那么移动网站建设和普通的网站建设有什么区别,武汉移动端网站建设...

  • 移动网站建设常见问题集锦 移动网站建设常见问题集锦

    公司做移动手机端网站有哪些需要注意的方面呢?微空间网站建设工程师为您解答移动网站建设常见问题。

  • 移动端电商网站如何把控设计诀窍 移动端电商网站如何把控设计诀窍

    手机网站建设现在已经成为主流行业,特别对于女性群体来说,对于网上购物需求越来越大,而且手机网站制作现在也是濮阳网站建设服务商宪胜网络不可缺少的项目之一。... ... ...

  • 手机网站建设移动端优化方法解析 手机网站建设移动端优化方法解析

    手机网站和PC端网站进行适配的时候就存在很大难度,虽然百度提供适配规则,然而还是跟我们带来困扰。现在人们在优化PC端网站之后,越来越过多关注移动端网站流量,而且被很多网站优化看到SEO的春天,而且现在百度和3 ...