首頁  >  文章  >  web前端  >  js判斷PC端還是行動端時一直刷新的解決方法

js判斷PC端還是行動端時一直刷新的解決方法

不言
不言原創
2018-08-17 14:24:282649瀏覽

這篇文章帶給大家的內容是關於js判斷是PC端還是行動端時一直刷新的解決方法,文章介紹了對js中this的理解,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

我在寫官網的時候做了pc和移動端兩個,在通過網上查找了這樣的代碼,看著完全沒問題,等放進去頁面中後,PC端頁面一直刷新,根本停不下來,找了類似js還是同樣的問題。透過不斷嘗試後才發現,問題就是多了一行程式碼:

原始程式碼範例:

<script type="text/javascript">
  //平台、设备和操作系统
  var system = {
  win: false,
  mac: false,
  xll: false,
  ipad:false
  };
  //检测平台
  var p = navigator.platform;
  system.win = p.indexOf("Win") == 0;
  system.mac = p.indexOf("Mac") == 0;
  system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
  system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;
  //跳转语句,如果是手机访问就自动跳转到" "里的页面
  if (system.win || system.mac || system.xll||system.ipad) {
  window.location.href = "  PC端网站名 ";
  } else {
  window.location.href = " 移动端端网站名   ";
  }
  </script>
  
  

修改後程式碼範例:

<script type="text/javascript">
  //平台、设备和操作系统
  var system = {
  win: false,
  mac: false,
  xll: false,
  ipad:false
  };
  //检测平台
  var p = navigator.platform;
  system.win = p.indexOf("Win") == 0;
  system.mac = p.indexOf("Mac") == 0;
  system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
  system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;
  //跳转语句,如果是手机访问就自动跳转到" "里的页面
  if (system.win || system.mac || system.xll||system.ipad) {
 //window.location.href = "PC端网站名";(在PC端引入js代码段时,这一行不能要,否则一直循环刷新,移动端同理)
  } else {
  
  window.location.href = " 移动端端网站名   ";
  }
  </script>

 相關推薦:

js判斷是PC端還是行動裝置

js如何判斷使用者是在PC端和還是行動端存取_javascript技巧

以上是js判斷PC端還是行動端時一直刷新的解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn