关闭从微信公众号跳转的H5页面

Question

1.微信公众号点击服务功能菜单跳转至H5页面；
2.H5页面设置返回按钮；
如何通过JS实现点击返回按钮关闭H5页面，返回到公众号页面；

Answer 1

引用 皆我百晓生 小程序回复内容作答：
要通过JavaScript实现在H5页面点击返回按钮关闭页面并返回到微信公众号页面，你可以使用以下方法：

1. 使用window.history.back()方法来模拟点击浏览器的返回按钮。这将导致页面返回到上一个页面或者关闭当前页面（如果没有上一个页面）。在H5页面的返回按钮的点击事件中使用以下代码：

function goBack() {
  window.history.back();
}

1. 在微信浏览器中，你可以使用WeixinJSBridge对象来关闭当前页面。在H5页面的返回按钮的点击事件中使用以下代码：

function goBack() {
  if (typeof WeixinJSBridge !== 'undefined') {
    WeixinJSBridge.call('closeWindow');
  } else {
    window.close();
  }
}

以上代码会检查是否存在WeixinJSBridge对象，如果存在则调用closeWindow方法关闭当前页面；如果不存在，则调用window.close()来关闭页面。

在HTML中，你可以通过调用goBack()方法来触发返回按钮的点击事件，例如：

<button onclick="goBack()">返回</button>

请注意，微信浏览器对于关闭页面的行为可能会有不同版本之间的差异。因此，建议在实际使用中进行测试和适配。