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>';}


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