找回密码
 立即注册
即日起,论坛关闭新用户注册和登录,论坛相关的贴子保留查阅和下载。获得授权后,有技术问题可联系微信 13199509559 一对一解决。 2024-3-12
查看: 7676|回复: 3

[JS版本模板/插件] 像OURPHP一样,根据来访设备,PC和手机端自由转换

206

主题

206

主题

206

主题

管理员

Rank: 9Rank: 9Rank: 9

积分
0
admin 发表于 2018-1-11 11:36:30 | 显示全部楼层 |阅读模式


OURPHP 用手机端访问PC端某个文章或产品页面时,系统智能跳转到手机端的这个页面上。
原理其实很简单。YIDACMS JS也可以做到
一段JS即可。

  1. <script language="javascript">
  2. var os = function() {  
  3.      var ua = navigator.userAgent,  
  4.      isWindowsPhone = /(?:Windows Phone)/.test(ua),  
  5.      isSymbian = /(?:SymbianOS)/.test(ua) || isWindowsPhone,   
  6.      isAndroid = /(?:Android)/.test(ua),   
  7.      isFireFox = /(?:Firefox)/.test(ua),   
  8.      isChrome = /(?:Chrome|CriOS)/.test(ua),  
  9.      isTablet = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),  
  10.      isPhone = /(?:iPhone)/.test(ua) && !isTablet,  
  11.      isPc = !isPhone && !isAndroid && !isSymbian;  
  12.      return {  
  13.           isTablet: isTablet,  
  14.           isPhone: isPhone,  
  15.           isAndroid : isAndroid,  
  16.           isPc : isPc  
  17.      };  
  18. }();
  19. $(function(){
  20.         if(os.isAndroid || os.isPhone){
  21.                 window.location.href = '/wap/wap_news.asp'+ window.location.search;
  22.         }
  23. });
  24. </script>
复制代码
window.location.href = '/wap/wap_news.asp'+ window.location.search;


这代码是告诉浏览器,如果手机访问了PC页面。直接跳转到手机端对应的页面中。
以新闻页面为例,跳转到/wap/wap_news.asp手机端新闻页面。window.location.search;是把PC的参数也传到手机端。




0

主题

0

主题

0

主题

高级会员

Rank: 4

积分
621
蓝色屠龙刀 发表于 2018-3-14 11:01:28 | 显示全部楼层
好东西大家分享












高产油茶苗 岑溪软枝油茶苗价格 软枝油茶苗 岑溪软枝油茶苗批发 软枝油茶苗多少钱一棵

0

主题

0

主题

0

主题

高级会员

Rank: 4

积分
621
蓝色屠龙刀 发表于 2018-5-14 10:42:05 | 显示全部楼层
众里寻他千百度,蓦然回首在这里!












古龙大红八角 古龙八角 大红八角

0

主题

0

主题

0

主题

新手上路

Rank: 1

积分
12
yylh1 发表于 2018-10-8 18:11:05 | 显示全部楼层
粘贴在哪个文件?头部好尾部文件都可以吗
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表