支付寶小程序API web-view組件控制

my.createWebViewContext

版本要求：基礎(chǔ)庫(kù) 1.8.0 或更高版本；若支付寶客戶端版本較低，建議做 兼容處理。

通過(guò)創(chuàng)建 webviewContext 提供從小程序向 web-view 發(fā)送消息的能力。創(chuàng)建并返回 web-view 上下文 webViewContext 對(duì)象。

示例代碼

<!-- .axml -->
<view>
  <web-view id="web-view-1" src="..." onMessage="onMessage"></web-view>
</view>
// .js
Page({
  onLoad() {
    this.webViewContext = my.createWebViewContext('web-view-1');
  },
  // 接收來(lái)自H5的消息
  onMessage(e) {
    console.log(e); //{'sendToMiniProgram': '0'}
    // 向H5發(fā)送消息
  this.webViewContext.postMessage({'sendToWebView': '1'});
  }
})
// .js
// H5的js代碼中需要先定義my.onMessage 用于接收來(lái)自小程序的消息。
my.onMessage = function(e) {
  console.log(e); //{'sendToWebView': '1'}
}
// H5向小程序發(fā)送消息
my.postMessage({'sendToMiniProgram': '0'});

說(shuō)明：以上的雙向通信能力的流程是 H5 先發(fā)消息給小程序，小程序接收到消息后再發(fā)消息給 H5。

入?yún)?/h2>

Object 類型，屬性如下：

屬性	類型	必填	說(shuō)明
webviewId	String	是	要?jiǎng)?chuàng)建的web-view所對(duì)應(yīng)的 ID 屬性。

返回值

為一個(gè) webViewContext 對(duì)象。

webViewContext 通過(guò) webviewId 跟一個(gè) web-view 組件綁定，通過(guò)它可以實(shí)現(xiàn)一些功能。webViewContext對(duì)象的方法列表：