微信小程序使用了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,demo

微信小程序中的`webview`组件允许开发者嵌入网页内容到小程序中，这对于需要调用微信内置浏览器查看外部资源、第三方网页或者进行API交互的情况非常有用。下面是一个简单的`webview`使用示例：

<!-- app.json -->
{
  "pages": [
    "index",
    "webviewPage"
  ],
  ...
}

<!-- index.wxml -->
<view>
  <button bindtap="openWebView">打开WebView</button>
  <!-- webview会替换此处的内容 -->
  <web-view id="webView" src=""></web-view>
</view>

<!-- index.js -->
Page({
  ...
  openWebView: function() {
    this.setData({
      'webView.src': 'https://www.example.com' // 替换为你想要加载的URL
    });
  },
  ...
})

在这个例子中，用户点击按钮时，通过`setData`方法改变`web-view`的`src`属性，加载指定的外部网址。记得将`https://www.example.com`替换为你实际需要嵌入的网页链接。

微信小程序的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 可以向小程序传递数据。