微信小程序使用了webview打开其他页面 但是返回不了小程序页面

微信小程序使用`webview`组件加载外部网页时，如果用户在被加载的网页上点击浏览器的“返回”按钮，通常默认会返回到原网页，而不是回到小程序内部的页面。这是因为`webview`在设计上并不支持直接控制其历史回退栈。

为了实现从`webview`返回到小程序内部页面，你需要在`webview`的`onLoad`回调中设置一个全局的`navigator`对象监听`popstate`事件，并在事件处理函数里判断当前路径是否符合条件，然后通过`wx.navigateBack`或类似的方法手动导航回小程序。

Page({
  onLoad: function(options) {
    var webview = this.selectComponent('#webview');
    webview.addEventListener('load', function() {
      window.addEventListener('popstate', function(e) {
        if (/* 判断条件，比如路径匹配 */){
          wx.navigateBack({
            delta: 1 // 返回上一页面
          });
        }
      });
    });
  },
})

相关问题

微信小程序的webview 向 微信小程序回传

可以通过调用 `webview.postMessage()` 方法向小程序发送消息，小程序可以通过监听 `onMessage` 事件接收消息。具体实现步骤如下：

1. 在 webview 内部调用 `webview.postMessage()` 方法发送消息，例如：

webview.postMessage({
  message: 'Hello, 小程序!'
})

2. 在小程序页面中监听 `onMessage` 事件，例如：

Page({
  onMessage: function (e) {
    console.log('收到来自 webview 的消息：', e.detail)
  }
})

其中，`e.detail` 是消息内容。通过这种方式，webview 可以向小程序传递数据。

微信小程序配合webview

微信小程序和webview是两个互补的技术，在一些场景下可以很好地配合使用。

首先，微信小程序是一种轻量级的应用程序，更适合于一些简单的场景和功能。而webview是一种在微信小程序中嵌入网页页面的技术，可以在小程序中加载并显示网页内容。因此，当小程序需要显示更复杂的网页内容或与已有的网页应用进行交互时，可以通过webview将网页嵌入到小程序中。

其次，通过webview，小程序可以调用并展示网页中的各种功能和资源，如图像、视频、音频等。这样可以扩展小程序的功能，提供更丰富的用户体验。同时，网页中的一些复杂交互、动画效果等也可以在小程序中得到支持。

除了与网页内容的配合，微信小程序还可以通过webview与网页应用进行数据交互。通过在小程序中嵌入网页页面，可以实现小程序与网页应用之间的数据传递、共享登录状态等。这对于在小程序中集成第三方网页服务，或实现小程序与已有网页应用的无缝衔接都具有很大的意义。

总之，微信小程序配合webview可以扩展小程序的功能和用户体验。通过加载网页内容和与网页应用进行交互，可以更好地满足一些复杂的需求，提供更丰富的功能和交互效果。这种配合使用的方式，可以帮助开发者更好地利用小程序和网页技术，提高应用的可扩展性和适用性。