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

落地页广告白皮书3.0升级点解读

2018年1月,百度发布《百度移动搜索落地页体验白皮书——广告篇3.0》(后续简称落地页广告白皮书3.0)。落地页广告白皮书3.0首次公布落地页中广告面积的阈值要求,另外,落地页广告白皮书3.0补充了之前有外部强调但未落实到白皮书上的部分。一、新增的广告面积阈值要求1、在章节“广告位置以及面积”中,更新“3.2.1.      文章内容页或信息详情页,从标题开始到正文

Public @ 2022-09-19 16:18:56

wordpress移动友好度大揭秘

WordPress是一个非常优秀的开源平台,用户可以根据自己的需求使用其构建各种类型的网站,例如日志、商店、新闻网站、视频网站等等。随着移动互联网的发展,越来越多的用户开始使用移动设备浏览网站,因此,WordPress的移动友好度也成为一个极其重要的问题。那么,WordPress的移动友好度到底如何呢?下面就让我们一起来揭秘。 1. 响应式设计(Responsive Design) 响应式设计

Public @ 2023-04-24 03:00:21

【院长帮帮忙】页面无用时间信息导致网页不被爬虫抓取(第一期)

在【院长帮帮忙】栏目露过面的站点是编织汇(www.bianzhihui.com),该站点通过反馈中心反馈页面内容迟迟不被抓取,经百度工程师追查,原来是因为页面上的无用时间信息——没有想到是不是?同学们快来看看这个案例吧。也想让院长帮助追查吗?快来看看这里!站点求助:现象编织汇网站内容发布后几个礼拜都未曾收录。案例如下:http://www.bianzhihui.com/t/6717(教程详细页面举

Public @ 2015-07-21 15:22:04

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

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

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

更多您感兴趣的搜索

0.593747s