微信小程序web-view与H5交互：判断H5是否在小程序环境

在微信小程序内是可以通过web-view加载H5，以便一套H5代码可供多端使用，但很多时候不同端对H5的交互不一样，这就要求在H5内做出判断，识别此时调用H5的是什么客户端。

微信官方目前给出了三种方法在网页内判断小程序环境：

//1.通过window.__wxjs_environment
window.__wxjs_environment === 'miniprogram'

//2.通过使用JSSDK 1.3.2提供的getEnv接口
wx.miniProgram.getEnv(function(res) {
  console.log(res.miniprogram) // true
})

//3.通过判断navigator.userAgent中包含miniProgram字样
var userAgent = navigator.userAgent;
var isMini = /miniProgram/i.test(userAgent);

个人推荐第三种方法，因为是同步方法。

在项目实战中遇到的问题是，H5的js内写了判断，但微信开发工具和真机都无效，识别不了小程序环境。

查了很多文章都没有类似问题，开始怀疑兼容性bug，其实不然。微信客户端已到7.0.10，userAgent只需一年前的7.0.0即可，其他两种使用JSSDK亦可，其实都能用。

判断小程序环境重点是，清除缓存问题。

H5的js调整之后，web-view还有缓存，此时只是简单的点击开发工具上的清缓存，或真机上删除小程序，是无用的。

1.开发工具需要删除项目，重新导入编译；

2.真机上，需要在微信的设置里清除缓存，才能清掉web-view的缓存，而不只是删除小程序。

希望后来者看到此文后对自己有用。坑太多！