WebView(text)

WebView控件介绍

WebView控件用于加载网页,并支持js调用冰狐sdk等(在网页js中调用aznfzObject.exeScript('scriptName')执行默认脚本。执行aznfzObject.resetDevice()停止执行脚本)。

事件-pageStarted

页面开始加载事件。
<template>
    <linear>
        <webView id="wv" onPageStarted="cbPageStarted"/>
    </linear>
</template>

function main() {
    setupUI();

    // 也可以通过on函数来注册回调
    // ui('wv').on('pageStarted', cbPageStarted);
}

function cbPageStarted(url)
    console.log('cbPageStarted:' +url);
}

事件-pageFinished

页面加载完成事件。
<template>
    <linear>
        <webView id="wv" onPageFinished="cbPageFinished"/>
    </linear>
</template>

function main() {
    setupUI();

    // 也可以通过on函数来注册回调
    // ui('wv').on('pageFinished', cbPageFinished);
}

function cbPageFinished(url)
    console.log('cbPageFinished:' +url);
}

事件-consoleMessage

console事件,webview的console有输出时会调用该回调函数。
<template>
    <linear>
        <webView id="wv" onConsoleMessage="cbConsoleMessage"/>
    </linear>
</template>

function main() {
    setupUI();

    // 也可以通过on函数来注册回调
    // ui('wv').on('consoleMessage', cbConsoleMessage);
}

function cbConsoleMessage(msg)
    console.log('cbConsoleMessage:' + msg);
}

函数-setUrl

设置url。
参数:
参数名 类型 必填 说明
url string 必填 网址
ui('demo').setUrl('https://aznfz.com');

函数-goBack

返回。
参数:
参数名 类型 必填 说明
ui('demo').goBack();

函数-goForward

前进。
参数:
参数名 类型 必填 说明
ui('demo').goForward();

函数-refresh

刷新。
参数:
参数名 类型 必填 说明
ui('demo').refresh();

函数-exeJS

让浏览器执行指定的js脚本。
参数:
参数名 类型 必填 说明
js string 必填 js脚本
cb function 选填 执行脚本完成后的回调函数,cb函数的参数为执行js的返回结果
<template>
    <linear orientation="vertical">
        <webView id="wv" width="matchParent" height="matchParent"/>
    </linear>
</template>

function main() {
    setupUI();

    ui('wv').setUrl('https://www.baidu.com')
    ui('wv').exeJS(`(function() { return 'Hello, World!'; })();`, cb)
}

function cb(text) {
    // text为:Hello, World!
    console.log('cb:', text)
}

属性-url

用于设置url。例: <template> <webView id="demo" url="https://aznfz.com" width="matchParent" height="matchParent"/> </template>