判断页面环境是否在小程序的webview中

最近公司需要做小程序项目，但是又希望能够快速开发，就想着把web端的响应式页面放到webview里快速开发。但在判断页面环境的时候出现一些问题。

环境问题

用小程序提供的wx.miniProgram.getEnv可以获取环境参数，但是他有个问题就是无法在非微信环境下判断。所以在使用wx.miniProgram.getEnv前得先判断是否在微信环境中。

解决方案

   <script src='https://res.wx.qq.com/open/js/jweixin-1.3.2.js'></script><script>if (/MicroMessenger/i.test(navigator.userAgent)) {//ios的ua中无miniProgram，很坑爹,但都有MicroMessenger（表示是微信浏览器）wx.miniProgram.getEnv((res)=>{if (res.miniprogram) {alert("在小程序里");} else {alert("不在小程序里");}})}</script>

这样就完美解决问题了。

判断页面环境是否在小程序的webview中相关推荐

大小端字节序介绍以及判断当前环境字节序的程序【C语言】
文章目录 1.大小端字节序介绍 2. 判断当前环境的字节序程序 1.大小端字节序介绍首先我们先来介绍什么是大端字节序,什么是小端字节序: 大小端字节序指的是数据在电脑上存储的字节顺序小端字节序存储 ...
微信小程序与webview H5交互（内嵌H5跳转原生页面）
在开发中,使用web-view组件内嵌H5页面是非常常见的,但很多人不知道webview内嵌H5如何与原生小程序交互.下面介绍下实现微信小程序与webview H5交互的方法. web-view功能 ...
在h5页面中调起支付宝小程序中的某一个页面以及URLScheme 之支付宝
在h5页面中调起支付宝小程序中的某一个页面直接上代码: window.location.href = 'alipays://platformapi/startapp?appId=2021001181 ...
【微信小程序】web-view 无法打开该页面不支持打开
本文相关文献: https://developers.weixin.qq.com/community/develop/doc/00084a350b426099ab46e0e1a50004?%2Fblo ...
微信小程序页面栈_微信小程序之页面传值(路由、页面栈、globalData、缓存)
1. 通过url带参数传递 1.1 固定参数传递例如,从 list 页面到 detail 页面, 传递一个或多个固定值 list页面传值: 点此进入 detail detail页面取值: onLoa ...
微信小程序app.js中的全局变量globalData改变，如何通知其它页面界面显示改变，小程序中如何在其他页面中监听到globalData中值的变化
微信小程序app.js中的全局变量globalData改变,如何通知其它页面界面显示改变,小程序中如何在其他页面中监听到globalData中值的变化在小程序中,我们一般在app.js的onLaun ...
微信小程序非webview分享给好友及生成分享海报
微信小程序非webview分享给好友及分享海报 UI展示点击分享显示分享sheet: 点击生成海报,展示海报预览图片: 组件目录结构: 代码 works文件 woks.json中引入: " ...
微信小程序通过web-view网页授权获取用户公众号OpenID
小程序中实现网页授权获取微信公众号OpenID 1.准备工作 2.应用场景说明 3.实现步骤结语 1.准备工作第一步: 通过该地址https://mp.weixin.qq.com/debug/cg ...
小程序使用web-view实现与H5交互
在小程序端使用web-view内嵌H5网页,web-view通过设置src属性来指定网页即可在小程序中显示.一个页面只能有一个web-view,且会自动铺满整个小程序页面. web-view官方文档: ...

判断页面环境是否在小程序的webview中

环境问题

解决方案

判断页面环境是否在小程序的webview中相关推荐

最新文章

热门文章