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)相关推荐

  1. 安卓学习-WebView

    2019独角兽企业重金招聘Python工程师标准>>> WebView与JS交互 <uses-permission android:name="android.per ...

  2. html5plus 学习摘要

    一.学习背景 主要在uni-app业务开发中,需要调用原生API,正好uni-app App 端内置 HTML5+ (opens new window)引擎,所以就系统的学习了一下API 二.实际操作 ...

  3. android开发,使用kotlin学习WebView(详细)

    随着后台技术的不断发展,App前端的应用都布置了Web页面的界面,这个界面就是由WebView组件渲染出来的.WebView由如下优点:可以直接显示和渲染Web页面或者网页:可以直接调用网络上或者本地 ...

  4. ios 学习札记 细节(三)

    本节纪录学习WebView的心得 1.包含web的controller遵从UIWebViewDelegate协议. 2.定义 UIWebView 与 URL @property (nonatomic, ...

  5. webview代码实例化_WebView常用类和基本方法详解

    上一篇文章我们实现了一个简单的WebView,并且能够在程序中的不调用浏览器进行网页的展示和浏览,Android给WebView提供了一些子类,其子类下的方法能够让我们的WebView功能更加完善.性 ...

  6. Android使用WebView无法显示网页

    在阅读<第一行代码>学习WebView的用法时发现的问题以及解决 按照书上的代码编写MainActivity: public class MainActivity extends AppC ...

  7. php实现增量更新,基于html5plus平台 实现app增量更新功能

    对于移动app,尤其是webapp,如何更新一直是比较重要的话题.以前的大部分app都是从应用商店进行版本更新,但是对于webapp来说,使用增量更新可以节省流量:更重要的是,它免去了新版本在应用商店 ...

  8. ios学习--代码集锦

    1,获取翻转事件,并开启翻转: 只要在viewcontroller的类中加入 -(BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOri ...

  9. 跨平台实现基础(二)JavascriptInterface原理和Js和Java交互实践

    作者:Tamic 更多文章关注开发者技术前线 上一篇<JsCore 原理和实践> 前言 谷歌提供的系统组件WebView,用来加载和展现html网页,其采用webkit内核驱动,来实现网页 ...

最新文章

  1. django+jquery ajax post csrf 配置
  2. busybox filesystem httpd php-5.5.31 sqlite3 webserver
  3. ActiveMQ目录结构
  4. css背景图宽度只适应,高度不变
  5. 7.1 useradd:创建用户
  6. java 数据队列_Java 数据结构 - 队列
  7. 删除指定路径下指定天数之前的文件
  8. 架构设计工作笔记003---中台概念_业务中台_数据中台_技术中台
  9. ViewPager通过自定义适配器MyPagerAdapter实现界面导航(上标题)
  10. altium pcb 信号高亮_作为PCB工程师,你需要了解这几个设计指南
  11. 一、数据库应用系统分析及规划
  12. WebService与RestAPI 、SoapAPI
  13. AAC AMR WAV MP3 采样率
  14. 线性混合模型(Linear Mixed Models)与R语言 lmer() 函数
  15. 汉字符号(汉字特殊符号)
  16. 三维空间的位姿描述和齐次变换
  17. 工作室多拨宽带如何优化?
  18. macOS SwiftUI 指示器组件规范之 02 评级指标 Rating Indicators
  19. 总结SPM,ScSPM,LLC
  20. 云栖大会上,马云和王坚都说了啥?

热门文章

  1. 腾讯携手招商银行,共建金融安全生态圈
  2. 2023年全国最新二级建造师精选真题及答案28
  3. 鼠标进入色块,页面背景改变颜色
  4. windows 10重装电脑后设置指纹提示已在其他账户上设置该指纹解决办法
  5. 技术团队常见的管理模式有哪些
  6. 安全专业词汇(部分)
  7. MATLAB:出现 “ 未定义函数或变量 ”
  8. macOS 安装 Android SDK
  9. java 中final修饰的变量_java中final修饰符的使用方法
  10. JMeter的压力测试,查看TPS