Categories


Tags


【院长帮帮忙】移动适配不稳定、不生效,可能是这些原因造成的!(第五期)

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

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

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

解决方案:

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

来源:百度搜索资源平台 百度搜索学堂


Public @ 2016-10-22 15:22:05

禁止百度移动搜索进行转码的方法

禁止百度移动搜索进行转码的方法有以下几种: 1. 使用HTTP头部标签禁止转码 可以在网页的HTTP头部添加一个Meta标签,让百度搜索引擎不进行转码。具体代码如下: 这个标签可以放在HTTP响应的头部或者网页的头部,告诉百度不进行转码。 2. 使用Robots协议禁止转码 Robots协议是一个标准的协议,用来告诉搜索引擎哪些页面可以被抓取,哪些页面不可以被抓取。可以在网页中添加禁止转

Public @ 2023-04-02 18:50:28

移动搜索落地页体验广告白皮书详解

发布日期:2017-04-24移动搜索落地页体验白皮书公布后,得到站长们的广泛关注,如何正确理解广告白皮书内容,刘院长给大家带来详细解答。现在我们先看一下浏览体验,大家很清楚了,我们对移动页面的打开速度是3秒之内,这个3秒,我们是从14年就开始不断地向大家来推进,之前有很多的培训,我们都提到过,在这里要再强调一下,这个页面的打开速度是百度移动搜索判断一个移动站是否优质的第一标准。如果打不开,后面什

Public @ 2014-11-21 16:19:35

【院长帮帮忙】移动适配不稳定、不生效,可能是这些原因造成的!(第五期)

1. 未设置Viewport Viewport是指浏览器中用于控制页面布局和缩放比例的元标签,如果未设置Viewport,则移动端浏览器会将页面按照PC端浏览器默认的布局来显示,导致页面排版错乱。因此,需要在head部分加入Viewport的设置,例如: ```html ``` 2. 媒体查询错误 在进行移动适配时,我们通常会使用媒体查询来针对不同设备进行样式的调整。但是,如果媒体查询的

Public @ 2023-04-04 12:50:29

【院长帮帮忙】移动适配不稳定、不生效,可能是这些原因造成的!(第五期)

1. 布局使用了绝对定位 如果布局使用了绝对定位,那么在不同的设备上,元素的位置和大小会发生变化,从而导致移动适配不稳定或者根本无法生效。建议使用相对定位或者flex布局。 2. 使用了固定宽度和高度 在移动适配时,应该使用相对单位(如rem或者百分比),而不是固定宽度和高度。如果使用了固定宽度和高度,那么在不同的设备上,元素的大小会发生变化,从而导致移动适配不稳定。 3. 没有考虑不同的

Public @ 2023-06-24 11:50:16

更多您感兴趣的搜索

0.493116s