問心
問心
  • 发布:2024-05-30 21:35
  • 更新:2024-05-30 21:35
  • 阅读:190

【报Bug】uni-app+vue3+vite开发h5页面内嵌到微信小程序上通过uni.webView.getEnv得到的环境一直是{"h5":true}

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: window11

HBuilderX类型: 正式

HBuilderX版本号: 4.17

浏览器平台: 微信内置浏览器

浏览器版本: UA: Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1 wechatdevtools/1.06.2404301 MicroMessenger/8.0.5 Language/zh_CN webview/2582_242 webdebugger miniprogramhtmlwebvie

项目创建方式: HBuilderX

示例代码:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<title></title>
<!--preload-links-->
<!--app-context-->
</head>
<body>
<div id="app"><!--app-html--></div>
<script type="module" src="/main.ts"></script>
</body>
<script type="text/javascript">
var userAgent = navigator.userAgent;
if (userAgent.indexOf('AlipayClient') > -1) {
// 支付宝小程序的 JS-SDK 防止 404 需要动态加载,如果不需要兼容支付宝小程序,则无需引用此 JS 文件。
document.writeln('<script type="text/javascript" src="https://appx/web-view.min.js"' + '>' + '<' + '/' +
'script>');
} else if (/QQ/i.test(userAgent) && /miniProgram/i.test(userAgent)) {
// QQ 小程序
document.write(
'<script type="text/javascript" src="https://qqq.gtimg.cn/miniprogram/webview_jssdk/qqjssdk-1.0.0.js"><\/script>'
);
} else if (/miniProgram/i.test(userAgent) && /micromessenger/i.test(userAgent)) {
// 微信小程序 JS-SDK 如果不需要兼容微信小程序,则无需引用此 JS 文件。
document.write('<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"><\/script>');
} else if (/toutiaomicroapp/i.test(userAgent)) {
// 头条小程序 JS-SDK 如果不需要兼容头条小程序,则无需引用此 JS 文件。
document.write(
'<script type="text/javascript" src="https://s3.pstatp.com/toutiao/tmajssdk/jssdk-1.0.1.js"><\/script>');
} else if (/swan/i.test(userAgent)) {
// 百度小程序 JS-SDK 如果不需要兼容百度小程序,则无需引用此 JS 文件。
document.write(
'<script type="text/javascript" src="https://b.bdstatic.com/searchbox/icms/searchbox/js/swan-2.0.18.js"><\/script>'
);
} else if (/quickapp/i.test(userAgent)) {
// quickapp
document.write('<script type="text/javascript" src="https://quickapp/jssdk.webview.min.js"><\/script>');
}
</script>
<!-- uni 的 SDK -->
<script type="module" src="https://gitcode.net/dcloud/hello-uni-app-x/-/blob/alpha/hybrid/html/uni.webview.1.5.5.js"></script>
<script type="text/javascript">
// 待触发 UniAppJSBridgeReady 事件后,即可调用 uni 的 API。
document.addEventListener('UniAppJSBridgeReady', function() {
console.log('UniAppJSBridgeReady');
console.log(window.wx);
console.log(window.jWeixin);
jWeixin.miniProgram.getEnv(function(res) {
console.log('jWeixin当前环境sss:' + JSON.stringify(res));
});
uni.webView.getEnv(function(res) {
console.log('uni当前环境sss:' + JSON.stringify(res));
});
});
</script>
</html>

操作步骤:

uni.webView.getEnv(function(res) {
console.log('uni当前环境sss:' + JSON.stringify(res));
});

预期结果:

uni当前环境sss:{"miniprogram":true}

实际结果:

uni当前环境sss:{"h5":true}

bug描述:

uni-app+vue3+vite开发h5页面内嵌到微信小程序上通过uni.webView.getEnv得到的环境一直是{"h5":true}

2024-05-30 21:35 负责人:无 分享
已邀请:

要回复问题请先登录注册