yun 发表于 2017-4-6 21:25:51

根据不同访问设备跳转到PC页面或手机页面

目前很多网站都是采用了响应式自适应页面的设计了,根据访问设备的不同,显示不同的内容。但是还是会有一些节奏比较慢的网站,还是PC页面和手机PAD页面不同的域名访问。正好我这里有个需要,同一个域名要根据不同的访问设备显示PC页面或者手机页面,这里收集两个比较简洁的方法,都是通过JS代码实现的。当然这里同样被很多黑帽们利用,pc和手机页面展示不同的内容,有的人比较坏,直接把手机页劫持,PC端正常。

其实很简单,就是通过UA识别,判断UA,展示不同的内容

第一个:
**** Hidden Message *****
直接上代码,修改代码中你的PC页面和手机页面地址即可。


第二个:

这一个是两段代码,分别放到PC页面网页和手机页面网页,实现不同设备访问不同页面都能实现调整,比如电脑访问了手机页面的地址也会跳转到PC页面上来。

首先是放入PC页面的代码:
**** Hidden Message *****


下边是放入手机页面的代码:
**** Hidden Message *****

有同样需求的朋友可以试一下,挺不错的

sunwin 发表于 2017-4-7 04:27:06

wwwaaa 发表于 2017-4-9 16:49:20

什么,看看

pangkee 发表于 2017-4-16 15:08:40

这个思路牛掰,移动跳pc不动

左右为难 发表于 2017-5-27 09:50:24

学习学习。。。。。。。

xjfvip 发表于 2018-5-18 09:36:38

刚好想了解这块的。

caolaibin 发表于 2018-7-10 10:41:39

结构化共和国环境看吧

optimizationww 发表于 2019-9-3 02:34:02

回国后会感觉很干净

zhang1230 发表于 2019-10-13 00:02:07

干货 学习一下
页: [1]
查看完整版本: 根据不同访问设备跳转到PC页面或手机页面