微信小程序webview返回小程序

发表日期：2022-10-10 文章编辑：南昌开优网络浏览次数：1163 标签：

在开发小程序项目中，使用webview网页显示，遇到的问题：就是在webview页面里有操作后，需要在左上角直接返回小程序

可以在webview的页面里，调用history对象添加事件，再调用原生小程序的返回，如下所示，不管webview里跳转多少个页面，点击小程序导航栏的返回键，都会返回原生小程序的首页：
//需要在链接页面的js中添加
history.pushState({page: 1}, null, window.location.href);
//然后监听popstate事件
window.addEventListener('popstate', (event) => {
wx.miniProgram.navigateBack();
});