查看: 1754|回复: 8

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

[复制链接]

yun

920 主题	37 听众	1364 积分

超级版主

Rank: 8 Rank: 8

TA的每日心情

	奋斗 2019-10-18 11:20

签到天数: 678 天

[LV.9]以坛为家II

电梯直达

楼主

|只看该作者 |倒序浏览

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

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

第一个：

游客，如果您要查看本帖隐藏内容请回复

直接上代码，修改代码中你的PC页面和手机页面地址即可。

第二个：

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

首先是放入PC页面的代码：

游客，如果您要查看本帖隐藏内容请回复

下边是放入手机页面的代码：

游客，如果您要查看本帖隐藏内容请回复

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

黑帽seo, 黑帽技术, 黑帽跳转, UA跳转

转播0 淘帖0 分享0 收藏0 赞0 踩0

帖子永久地址：

黑帽联盟 - 论坛版权1、本主题所有言论和图片纯属会员个人意见，与本论坛立场无关
2、本站所有主题由该帖子作者发表，该帖子作者与黑帽联盟享有帖子相关版权
3、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和黑帽联盟的同意
4、帖子作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任
5、本帖部分内容转载自其它媒体，但并不代表本站赞同其观点和对其真实性负责
6、如本帖侵犯到任何版权问题，请立即告知本站，本站将及时予与删除并致以最深的歉意
7、黑帽联盟管理员和版主有权不事先通知发贴者而删除本文