冰狐智能辅助 QQ群：672649667
首页
文档&下载
移动端
微服务
社区
码农教程
管理中心
关于我们
登录/注册
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。 支持两种设置方式，1.在template中直接设置；2.使用函数动态设置。 <template> <webView id="demo" url="https://aznfz.com" width="matchParent" height="matchParent"/> </template> function main() { setupUI(); ui('demo1').setUrl('https://aznfz.com'); }