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

（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()

小程序里面的截图：

h5里面的截图：

--------完。

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

h5页面跳转微信小程序页面
// 判断环境是否在微信小程序里 function isMiniProgram(){var ua = navigator.userAgent.toLowerCase();var envType='#' ...
小程序内嵌h5页面分享_微信小程序webview内页面分享
因为项目原因,之前在微信小程序内部使用 webview 嵌套了 h5 页面,现在要添加一个新的功能,用户在哪个页面进行了分享,被分享的用户从链接进来就跳转到哪个分享页面. 先了解一下 web-view ...
vue H5页面跳转微信小程序以及生成二维码跳转小程序
研究了两种H5跳转小程序的方法,同时携带参数 1. 手机浏览器打开H5页面,点击按钮拉起微信小程序 2. H5页面上生成小程序二维码,手机微信扫码跳转目标小程序为了开发方便,以上两种均借助了微信小程 ...
h5页面跳转微信小程序。
一.先说页面表现,页面上有几点需要注意: 1.标签写的时候,button按钮一定要包在template标签里面.没有用vue的话,可以直接用<template>去包,如果是vue2用 & ...
关于微信公众号的h5页面跳转微信小程序的详细介绍
简介关于微信公众号跳转小程序的功能,我也是研究了一整天才弄好的,主要是微信官方文档写的不清楚,百度上的各种文章也各说各的,不过最后还是要相信官网文档,接下来我会一步一步分析,希望对你有帮助,并且最后 ...
关于微信小程序跳转到H5，然后从H5又跳回微信小程序问题的资料
关于微信小程序跳转到H5,然后从H5又跳回微信小程序问题的资料直接上答案 // javascript import wx from 'weixin-jsapi';// 判断h5页面是否是运行在小程序 ...
h5网页跳转微信小程序
H5网页跳转微信小程序再次记录下, 通过使用微信开放标签,可便捷的跳转到微信小程序. 文章目录 H5网页跳转微信小程序效果图一.小程序跳转按钮二.开放标签使用步骤 1. 绑定域名 2. 引入j ...
知识付费小程序源码，可上架安卓苹果app应用商店、打包为H5、抖音微信小程序
知识付费小程序源码,可上架安卓苹果app应用商店.打包为H5.匠言知识付费匠言知识付费支持15端版本,数据同步,支持课程点播.直播.在线考试.付费咨询.心理咨询.私董会.电子书.百科.头条.教务管理 ...
在h5页面中调起支付宝小程序中的某一个页面以及URLScheme 之支付宝
在h5页面中调起支付宝小程序中的某一个页面直接上代码: window.location.href = 'alipays://platformapi/startapp?appId=2021001181 ...

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

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

最新文章

热门文章