站长论坛

20z站长论坛

 找回密码
 立即注册
查看: 805|回复: 1

[站长百科] 电脑访问手机版自动跳转到pc端

[复制链接]
GMT+8, 2019-10-22 13:38 | 显示全部楼层 |阅读模式
网站如何自动识别电脑pc端还是手机wap端,今天来20z论坛讲解一下如何使用不对应的电脑或者手机端访问时会自动跳转对应版。
在我们使用电脑pc版访问网站手机wap页面时,自动识别跳转到电脑pc端页面,这样对用户的体验会更友好,如何实现此应用呢?

两段代码,分别放到PC页面网页和手机页面网页,实现不同设备访问不同页面都能实现调整,比如电脑访问了手机 ...

两段代码,分别放到PC页面网页和手机页面网页,实现不同设备访问不同页面都能实现调整,比如电脑访问了手机 ...


通过以下几行js代码就可以自动完成电脑访问手机版自动跳转到pc端。

下边是放入手机页面的代码:
  1. <script type="text/javascript">

  2. var url = window.location.pathname;
  3. var pcurl="http://www.20z.com"+url

  4. if(/AppleWebKit.*Mobile/i.test(navigator.userAgent)==false || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))==false){
  5.     if(window.location.href.indexOf("?mobile")<0){
  6.         try{
  7.             if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)==false){
  8.                  window.location.href=pcurl;
  9.             }

  10.         }catch(e){}
  11.     }
  12. }
  13. </script>
复制代码


以上代码当使用电脑pc端访问网站wap页面时就会自动识别并跳转到pc电脑端。

同样,当手机wap端访问电脑端网站页面时会自动识别并跳转到手机wap页面,通过以下代码来实现:

  1. <script type="text/javascript">
  2. var url = window.location.pathname;
  3. var wapurl="http://m.20z.com"+url

  4. if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
  5.     if(window.location.href.indexOf("?mobile")<0){
  6.         try{
  7.             if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
  8.                  window.location.href=wapurl;
  9.             }else{
  10.                 window.location.href=wapurl;
  11.             }
  12.         }catch(e){}
  13.     }
  14. }
  15. </script>
复制代码


以上就是今天我来20站论坛讲解的两段代码,分别放到PC页面网页和手机页面网页,实现不同设备访问不同页面都能实现调整,比如电脑访问了手机页面的地址也会跳转到PC页面上来。

相关帖子

GMT+8, 2019-10-22 13:38 | 显示全部楼层
很实用的方法 收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

二十站网

关于20站| 联系我们| 20Z网址导航| 20z站长论坛 ( 闽ICP备13002936号 )

GMT+8, 2019-10-22 13:38 , Processed in 0.122383 second(s), 24 queries .

Powered by Discuz! X3.1

© 2012-2019 bbs.20z.com

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