判断h5页面是不是在微信小程序里面打开呢？

布满荆棘的人生 2023-06-07 10:37 7阅读 0赞

（1）安装依赖：

> npm install weixin-js-sdk --save

（2）在App.vue里面引入：

> import wx from 'weixin-js-sdk'

（3）在页面上写判断：

judgeEv() {
        var ua = navigator.userAgent.toLowerCase();
            if (ua.match(/MicroMessenger/i) == "micromessenger") {
            // ios的ua中无miniProgram，但都有MicroMessenger（表示是微信浏览器）
                wx.miniProgram.getEnv((res) => {
                    if (res.miniprogram) {
                        alert("在小程序里");
                    } else {
                        alert("不在小程序里");
                    }
                })
            } else {
                alert('不在微信里');
            }
    }
    
    
    // 调用
    this.judgeEv()

小程序里面的截图：

![20191014120344430.png][]

h5里面的截图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01pc3NfbGlhbmdybQ_size_16_color_FFFFFF_t_70][]

\--------完。

[20191014120344430.png]: /images/20230601/526076bc3826440f91e6be702d92ea38.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01pc3NfbGlhbmdybQ_size_16_color_FFFFFF_t_70]: /images/20230601/fcaddec2ef6e4a9681e467be7c2d15b4.png

发表评论取消回复

表情：

评论列表（有 0 条评论，7人围观）

还没有评论，来说两句吧...

相关阅读

相关判断h5页面是不是在微信小程序里面打开呢？

（1）安装依赖： > npm install weixin-js-sdk --save （2）在App.vue里面引入： > import wx from 'weixin

布满荆棘的人生/ 2023年06月07日 10:37/ 0 赞/ 8 阅读

相关微信小程序---判断是IOS还是安卓

JS 使用微信提供的API wx.getSystemInfoSync(); let res = wx.getSystemInfoSync(); i

水深无声/ 2023年02月19日 09:26/ 0 赞/ 108 阅读

相关 js通过判断h5页面是否内嵌在(app,小程序,微信)内

testBrowser() { let ua = window.navigator.userAgent.toLowerCase();

青旅半醒/ 2023年01月19日 06:00/ 0 赞/ 586 阅读

相关微信小程序获取当前设备信息；微信小程序判断是iOS还是安卓

代码 onLoad() { let that = this; wx.getSystemInfo({ success:fun

浅浅的花香味﹌/ 2023年01月19日 03:23/ 0 赞/ 56 阅读

相关 JS_JS判断打开页面是PC或H5

方法一 const detectDeviceType = () => /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEM

左手的ㄟ右手/ 2023年01月06日 11:36/ 0 赞/ 169 阅读

相关【前端】微信H5，js判断是否在微信浏览器中打开

微信H5，Js判断是否在微信浏览器中打开 <script type="text/javascript"> window.onload = funct

ゞ浴缸里的玫瑰/ 2022年12月27日 02:27/ 0 赞/ 298 阅读

相关 h5移动端开发判断只能在微信浏览器打开

<script> var ua = navigator.userAgent.toLowerCase(); var isW

旧城等待，/ 2022年12月08日 14:08/ 0 赞/ 231 阅读

相关字节跳动小程序 web-view jssdk H5传递参数判断H5页面是否在小程序 web-view打开

1、jssdk地址 [https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/component/open-ca

╰半夏微凉°/ 2022年11月29日 12:11/ 0 赞/ 244 阅读

相关微信内H5打开小程序

前置条件：已认证的服务号，订阅号不行引入js: <script type="text/javascript" src="https://res.wx.qq.com/op

男娘i/ 2022年11月15日 11:17/ 0 赞/ 280 阅读

相关 uniapp判断是不是微信浏览器

let ua = navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micr

た入场券/ 2021年07月24日 18:05/ 0 赞/ 1069 阅读