html5Plus学习-Webview(1)
webview
Webview模块管理应用窗口界面,实现多窗口的逻辑控制管理操作
这是官方的解释
意思就是指首页运行的窗口
权限设置
"permissions":{// ..."Webview": {"description": "窗口管理" }
}
create
创建Webview窗口,用于加载新的HTML页面,可通过styles设置Webview窗口的样式,创建完成后需要调用show方法才能将Webview窗口显示出来。
参数:
- Url(String) 可选 新窗口加载的html页面地址 支持本地地址 和网络地址
- id(String) 可选 新窗口标识
- styles (webviewStyles) 可选 新窗口的页面样式
- extras (JSON) 可选 创建webview窗口的额外扩展参数
方法返回值:
WebviewObject:webview窗口对象
示例:
//打开一个新窗口显示百度
function create(){ //页面标识为 webview01 var w = plus.webview.create('http://www.baidu.com','webview01',{width:'300px',height:'400px'});w.show(); // 显示窗口}
代码效果:
currentWebView
获取当前窗口的webviewObject对象
参数:
无
返回值:
webviewObject: webview窗口对象
示例:
function getCurrentWebView(){// 获取当前Webview窗口对象var ws=plus.webview.currentWebview();console.log( "当前Webview窗口:"+ws.getURL() );}`
代码效果:
all
这个方法不用讲也知道是获取所有窗口对象(包含未显示),并且当前显示的webview窗口处于数组第一个
参数:
无
返回值:
Array[WebviewObject]:应用中创建的所有webview窗口对象数组
示例:
function getAllWebView(){var wvs=plus.webview.all();console.log(wvs.length);for(var i=0;i<wvs.length;i++){console.log('webview'+i+': '+wvs[i].getURL());}}
代码效果:
close
关闭webview窗口
参数:
- id_wvobj: (String|webviewObject) 必选 要关闭的webview窗口id 或者 窗口对象
- aniClose:(AnimationTypeClose) 可选 关闭webview窗口的动画效果 默认值为auto
- duration(number) 可选 关闭webview窗口动画的持续时间 单位:ms
- extras(webviewExtraOptions) 可选 关闭webview窗口扩展参数
返回值:
无
示例:
// 关闭Webview窗口function closeWebview(){var ws=plus.webview.currentWebview();plus.webview.close(ws);}
代码效果:
getDisplaywebView
获取屏幕中所有可视的窗口
参数:
无
返回值:
Array[webviewObject]:屏幕中所有可视的webview窗口对象
function getDisplayWebview(){// 获取所有可视的Webview窗口var wvs=plus.webview.getDisplayWebview();for(var i=0;i<wvs.length;i++){console.log('Display webview '+i+': '+wvs[i].getURL());}}
getWebviewById
查看指定标识的webviewObject窗口
参数:
id(String) 必选 要查询的webview窗口id
返回值:
webviewObject: webviewObject窗口对象
示例:
function getWebviewById(){// 查找应用首页窗口对象var h=plus.webview.getWebviewById('webview01');console.log( "应用Webview窗口:"+h.getURL() );}
代码效果:
getLaunchWebview
获取应用首页WebviewObject窗口对象
参数:
无
返回值:
WebviewObject : WebviewObject窗口对象
示例:
function getLaunchWebview() {// 获取应用首页窗口对象var h=plus.webview.getLaunchWebview();console.log('应用首页Webview窗口:'+h.getURL());}
代码效果:
getSecondWebview
获取应用第二个首页WebviewObject窗口对象
参数:
无
返回值:
WebviewObject : WebviewObject窗口对象,在非双首页模式下则返回undefined。
示例:
// 获取应用第二个首页窗口对象var h=plus.webview.getSecondWebview();if(h){console.log('应用第二个首页Webview窗口:'+h.getURL());}else{console.log('应用不存在第二个首页Webview窗口');}
getTopWebview
获取应用显示栈顶的WebviewObject窗口对象
参数:
无
返回值:
WebviewObject : WebviewObject窗口对象
示例:
function getTopWebview(){// 获取应用首页窗口对象var h=plus.webview.getTopWebview();console.log('应用显示栈顶的Webview窗口:'+h.getURL());}
代码效果:
hide
根据指定的WebviewObject对象或id隐藏Webview窗口,使得窗口不可见。
参数:
id_wvobj: ( String | WebviewObject ) 必选 要隐藏的Webview窗口id或窗口对象
aniHide: ( AnimationTypeClose ) 可选 隐藏Webview窗口的动画效果
duration: ( Number ) 可选 隐藏Webview窗口动画的持续时间
extras: ( WebviewExtraOptions ) 可选 隐藏Webview窗口扩展参数
返回值:
void : 无
示例:
function hide(){// 获取应用首页窗口对象plus.webview.hide('webview01');}
代码效果:
html5Plus学习-Webview(1)相关推荐
- 安卓学习-WebView
2019独角兽企业重金招聘Python工程师标准>>> WebView与JS交互 <uses-permission android:name="android.per ...
- html5plus 学习摘要
一.学习背景 主要在uni-app业务开发中,需要调用原生API,正好uni-app App 端内置 HTML5+ (opens new window)引擎,所以就系统的学习了一下API 二.实际操作 ...
- android开发,使用kotlin学习WebView(详细)
随着后台技术的不断发展,App前端的应用都布置了Web页面的界面,这个界面就是由WebView组件渲染出来的.WebView由如下优点:可以直接显示和渲染Web页面或者网页:可以直接调用网络上或者本地 ...
- ios 学习札记 细节(三)
本节纪录学习WebView的心得 1.包含web的controller遵从UIWebViewDelegate协议. 2.定义 UIWebView 与 URL @property (nonatomic, ...
- webview代码实例化_WebView常用类和基本方法详解
上一篇文章我们实现了一个简单的WebView,并且能够在程序中的不调用浏览器进行网页的展示和浏览,Android给WebView提供了一些子类,其子类下的方法能够让我们的WebView功能更加完善.性 ...
- Android使用WebView无法显示网页
在阅读<第一行代码>学习WebView的用法时发现的问题以及解决 按照书上的代码编写MainActivity: public class MainActivity extends AppC ...
- php实现增量更新,基于html5plus平台 实现app增量更新功能
对于移动app,尤其是webapp,如何更新一直是比较重要的话题.以前的大部分app都是从应用商店进行版本更新,但是对于webapp来说,使用增量更新可以节省流量:更重要的是,它免去了新版本在应用商店 ...
- ios学习--代码集锦
1,获取翻转事件,并开启翻转: 只要在viewcontroller的类中加入 -(BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOri ...
- 跨平台实现基础(二)JavascriptInterface原理和Js和Java交互实践
作者:Tamic 更多文章关注开发者技术前线 上一篇<JsCore 原理和实践> 前言 谷歌提供的系统组件WebView,用来加载和展现html网页,其采用webkit内核驱动,来实现网页 ...
最新文章
- django+jquery ajax post csrf 配置
- busybox filesystem httpd php-5.5.31 sqlite3 webserver
- ActiveMQ目录结构
- css背景图宽度只适应,高度不变
- 7.1 useradd:创建用户
- java 数据队列_Java 数据结构 - 队列
- 删除指定路径下指定天数之前的文件
- 架构设计工作笔记003---中台概念_业务中台_数据中台_技术中台
- ViewPager通过自定义适配器MyPagerAdapter实现界面导航(上标题)
- altium pcb 信号高亮_作为PCB工程师,你需要了解这几个设计指南
- 一、数据库应用系统分析及规划
- WebService与RestAPI 、SoapAPI
- AAC AMR WAV MP3 采样率
- 线性混合模型(Linear Mixed Models)与R语言 lmer() 函数
- 汉字符号(汉字特殊符号)
- 三维空间的位姿描述和齐次变换
- 工作室多拨宽带如何优化?
- macOS SwiftUI 指示器组件规范之 02 评级指标 Rating Indicators
- 总结SPM,ScSPM,LLC
- 云栖大会上,马云和王坚都说了啥?