Jquery 判斷當前是否是移動端訪問

在有些時候,我們需要判斷當前是否是移動端訪問,比如,一個頁面分PC端和移動端,這時候就需要判斷是否是移動端訪問,話不多說,直接上代碼:如果是移動端訪問就跳轉到http://m.baidu.com/,如果是PC訪問不變。

$(function(){
	if(navigator.userAgent.match(/mobile/i)) {
		top.location='http://m.baidu.com/';
	}
   });

檢測是否在微信訪問的方法,當在非微信端訪問是會出現以下提示頁面:



具體實現是在需要判斷的頁面加入以下JS:

  var ua = navigator.userAgent.toLowerCase();
  var isWeixin = ua.indexOf('micromessenger') != -1;
  var isAndroid = ua.indexOf('android') != -1;
  var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1);
  if (!isWeixin) {
       document.head.innerHTML = '<title>抱歉,出錯了</title><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.css">';
       document.body.innerHTML = '<div class="weui_msg"><div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div><div class="weui_text_area"><h4 class="weui_msg_title">請在微信客戶端打開鏈接</h4></div></div>';}


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章