支付宝:
navigator.userAgent.indexOf('AliApp') > -1
环境变量:
navigator.userAgent
"Mozilla/5.0......AlipayDefined(nt:WIFI,ws:320|504|2.0) AliApp(AP/9.6.0.000001) AlipayClient/9.6.0.000001 Language/zh-Hans ProductType/dev"
完整代码:
<script type="text/javascript" src="https://appx/web-view.min.js"></script> <!-- 如该 H5 页面需要同时在非支付宝客户端内使用,为避免该请求404,可参考以下写法 --> <!-- 请尽量在 html 头部执行以下脚本 --> <script> if (navigator.userAgent.indexOf('AliApp') > -1) { document.writeln('<script src="https://appx/web-view.min.js"' + '>' + '<' + '/' + 'script>'); } </script> <script> my.navigateTo({url: '../get-user-info/get-user-info'}); // 网页向小程序 postMessage 消息 my.postMessage({name:"测试web-view"}); // 接收来自小程序的消息。 my.onMessage = function(e) { console.log(e); // {'sendToWebView': '1'} } // 判断是否运行在小程序环境里 my.getEnv(function(res) { console.log(res.miniprogram) // true }); my.startShare(); </script>
微信:
var ua = window.navigator.userAgent.toLowerCase(); if(ua.indexOf('MicroMessenger') > -1) { //微信环境下 wx.miniProgram.getEnv(function (res) { if (res.miniprogram) { // 小程序环境下逻辑 console.og("小程序环境下") } else { //非小程序环境下逻辑 console.log("非小程序环境下") } }); }