Javascript前端控制只能在手机微信端访问页面

关注

原创最新推荐文章于 2026-07-06 12:16:01 发布 1.3k 阅读 AI 写同款· GEO 优化 ›

设置H5页面只可微信浏览器打开 var useragent = navigator.userAgent; if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') { // 这里警告框会阻塞当前页面继续加载 // 以下代码是用javascript强行关闭当前页面 // alert("已禁止本次访问：您必须使用微信内置浏览器访问本页面！"); window.location.href = "https://open.weixin.qq.com/co 阅读详情

最近接到一个只能在手机微信端访问页面的需求，限于不能跟微信做交互，所以用js来获取设备信息，前端校验锁死。
关键点：
PC F12被禁用
PC backspace被禁用
//ios终端禁止ios10以下
加在页面先校验，若不通过则window.stop()；停止一切代码加载，也防止了加载无用数据

js代码


```javascript
var str = "本页面禁止PC端使用,请在手机微信客户端操作。感谢您的配合！";
function checkPlatform(){
  //禁止网站F12
  document.onkeydown = function(){
    if(window.event && window.event.keyCode == 123) {
      alert("F12被禁用");
      event.keyCode=0;
      event.returnValue=false;
    }
    if(window.event && window.event.keyCode == 13) {
      window.event.keyCode = 505;
    }
    if(window.event && window.event.keyCode == 8) {
      alert(str+"\n请使用Del键进行字符的删除操作！");
      window.event.returnValue=false;
    }
  }
  var u = navigator.userAgent;
  //ios终端
  var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
  //android终端
  var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; 

  if(/MicroMessenger/i.test(navigator.userAgent)){
    var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|ipad|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;
    if (is_mobi) {
      if(isiOS){
        //判断是不是ios10系统
        var ver = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/);
        ver = parseInt(ver[1], 10);
        if(ver<10) {
          str = '您当前手机的系统版本不支持，请在IOS10及以上版本操作';
          showforbidpage();
        } else {
          //可以继续操作
        }
      }
    }else{
      str = '请在手机微信客户端打开链接';
      showforbidpage();
    }
  }else {
    str = '请在手机微信客户端打开链接';
    showforbidpage();s
  }
}
function showforbidpage(){
  window.stop();
  var img = '<img style="width:100px; height:100px" src="http://l087-prod.oss-cn-szfinance.aliyuncs.com/lmes_new/dev/h5_image/chahao.png">';
  var div = '<div><div style="padding-top: 20px;text-align: center;">'+img+'</div><div style="padding-top: 20px;text-align: center;"><h4>'+str+'</h4></div></div>';
  $("body").html(div);
}

$(document).ready(function(){
  checkPlatform();
});