h5 中检测运行环境为微信小程序的几种方法

在h5页面中检测当前运行环境是不是微信小程序webview, 小程序官方提供几个检测方法.

• window.__wxjs_environment

if (window.__wxjs_environment === 'miniprogram') {
	console.log('是小程序');
}

• JSSDK

加载微信JS SDK, 再使用getEnv方法检测。

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js" type="text/javascript"></script>

wx.miniProgram.getEnv(function(res) {
  if (res.miniprogram) {
	  console.log('是小程序');
  }
});

• navigator.userAgent

需要微信版本在7.0.0以上.

if (navigator.userAgent.match('miniProgram')) {
	console.log('是小程序');
}