webview

webview 模块提供了一系列的 <web> 组件操作接口，例如 goBack、goForward、和 reload。一般与 <web> 组件一起使用。

API

goBack(webElement)

前往 WebView 历史记录的上一页。

参数

• webElement(web)： <web> 组件元素。

goForward(webElement)

前往 WebView 历史记录的下一页。

参数

• webElement(web)： <web> 组件元素。

reload(webElement)

刷新当前 Web 页面。

参数

• webElement(web)： <web> 组件元素。

postMessage(webElement, data)

向当前 Web 页面发送数据。

参数

• webElement(web)： <web> 组件元素。
• data {Object}：要发送的数据。

shouldStartLoad(event, startload)

控制当前 Webview 容器是否继续加载。在 web 标签的 shouldstartload 事件触发时，开发者可以自定义路由拦截行为。

参数

• event：shouldstartload事件对象。
• startload {Boolean}：是否继续当前 Webview 容器的加载。

示例

• 简单用法：

var webElement = this.$el('webview');

var webview = light.requireModule('webview');
webview.goBack(webElement.ref);
webview.goForward(webElement.ref);
webview.reload(webElement.ref);
webview.postMessage(webElement, {message: 'message to Web page'});

// Web 页面中接收数据
window.addEventListener('message', event => {
    console.log(event.data) // message to Web page
})