
Webview
135 人关注该话题
uni-app应用页面和嵌套web-view的本地html页面如何互相实时传值通信? Webview uniapp
xiaoyao09163@163.com 1 天前 回复问题 • 3 人关注 • 3 个回复 • 260 次浏览
uni-app webview 打开h5链接,h5中视频如何横屏播放 h5 Webview
254651820@qq.com 2 天前 发起问题 • 1 人关注 • 0 个回复 • 19 次浏览
【报Bug】用uniapp cli创建 的H5引入webviewjs的文件跳转到APP没成功 Webview uniapp
今天回复我了吗 3 天前 发起问题 • 1 人关注 • 0 个回复 • 24 次浏览
uni-app怎么设置webview内webview-styles的bounce Webview
1067401683@qq.com 5 天前 发起问题 • 1 人关注 • 0 个回复 • 14 次浏览
uniapp小程序闪退 Webview
1332806181@qq.com 6 天前 发起问题 • 1 人关注 • 0 个回复 • 18 次浏览
在webview中 overrideUrlLoading 拦截无效,测试安卓一加手机 5+App开发 Webview
lwtcookie@163.com 6 天前 发起问题 • 1 人关注 • 0 个回复 • 15 次浏览
HbuilderX 2.4.2 打包后的APP在安卓7.1.2版本调用不了引入的JS里的方法 Webview Vue
王闯 2019-12-01 18:19 发起问题 • 1 人关注 • 0 个回复 • 30 次浏览
【报Bug】产出h5版本, webview 中使用uni.navigateTo,不兼容微信浏览器。 Webview uniapp h5
guoxmin 2019-11-30 17:13 发起问题 • 1 人关注 • 0 个回复 • 26 次浏览
【报Bug】ios中nvue的u-web-view加载远程网页渲染不出来。 nvue Webview
382436919@qq.com 2019-11-30 17:02 发起问题 • 1 人关注 • 0 个回复 • 26 次浏览
【报Bug】webView无法监听H5页面 Webview
723357436@qq.com 2019-11-28 19:08 回复问题 • 1 人关注 • 1 个回复 • 23 次浏览
【报Bug】uni-app打包成H5在安卓5.1上使用navigator跳转无效 白屏 tabbar uniapp HBuilder Webview HelloH5 安卓 navigateto navigator 页面跳转
727820976@qq.com 2019-11-28 15:51 回复问题 • 3 人关注 • 3 个回复 • 81 次浏览
下面提供一个较为通用的解决方案
```
/**
* 清理webview
* @example 适用场景:登录注销后,关闭无用或历史webview;
* @param {Array} idL... 显示全部 »
下面提供一个较为通用的解决方案
```
/**
* 清理webview
* @example 适用场景:登录注销后,关闭无用或历史webview;
* @param {Array} idList 不被关闭的webview的id集合
*/
var clearWebview = function(idList) {
idList.push(plus.runtime.appid); //入口页不可销毁
var wvList = plus.webview.all();
for(var i = 0, len = wvList.length; i < len; i++) {
if(~idList.indexOf(wvList[i].id)) { //当前webview不需关闭
continue;
}
wvList[i].close('none'); //静默关闭,不使用动画效果;
}
};
```
赞同来自: Trust
之前的回复如下:
--------------------... 显示全部 »
之前的回复如下:
------------------------------------------------------------------------
虽然可以引入三方浏览器引擎,但对于我们而言,还是需要保证在os的webview下也没有问题。之后才会考虑引入三方引擎。
目前在android5上的问题,大部分已经解决,其他问题还在努力中。
至于低版本android上的问题,主要是浏览器兼容性问题,注意一下代码就可以避开。
在现有的webview上解决问题,是为了追求极致的大App开发商,他们不在意代码编写要多注意点什么,但非常在乎包的体积。引入三方引擎会增大数M的包体积,无法满足这些厂商的需求。比如目前360手机助手内置了5+ sdk,如果他们不会接受包体积变大数M;
而集成三方引擎比如crosswalk是为了图省事的开发者,比如很多toB的App,不那么在乎包体积,但希望开发方面快速。后记:crosswalk已经停止维护,intel已经放弃这个产品了,无需研究如何集成crosswalk了
目前问题已解决。使用launchImage,针对不同ios版本和显示参数设置好后就可以了。iphone6里的webview内容没有被放大的感觉了。
但是有一个问题就是5... 显示全部 »
目前问题已解决。使用launchImage,针对不同ios版本和显示参数设置好后就可以了。iphone6里的webview内容没有被放大的感觉了。
但是有一个问题就是5+里有个view是slpash,其内加载的图片,没有根据设备取不同大小图片时间适配,在iphone6和iphone5,及iphone6p里会被拉伸变形
mui.css里面默认设置body,html的背景颜色为灰色,如果需要修改,可以用css覆盖修改。
动画设置,打开新webview的动画,可以自己调整,参考[相关的API](http://www.html5plus.org/doc/zh_cn/web... 显示全部 »
mui.css里面默认设置body,html的背景颜色为灰色,如果需要修改,可以用css覆盖修改。
动画设置,打开新webview的动画,可以自己调整,参考[相关的API](http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.AnimationTypeShow)。
问题2:
依据你的描述,传参的形式可以理解为:A->B->C,也就是C需要接受A传递的参数。
按照例子所示,B里面可以拿到A中extras传递的参数。同理,B也可以以同样的道理,传递给C。
采用init中配置子页面的形式,可以将init放在plusready后执行,这样就可以先读取参数,再进行传递。
```
// B页面
mui.plusReady(function(){
var self = plus.webview.currentWebview(); //当前webview对象
var param = self.param; //A传递过来的额外的参数
mui.init({
subpages:[{
url: 'xxx',
id: 'id',
extras:{
param: param
}
}]
});
});
```
关于页面跳转的loading以及展示的时机,可以尝试这样做。
A页面,打开一个waiting。B页面(如果是父子页面,则是子页面C),监听当前webview的loaded事件,然后show当前的webview。
相关的API,参考[plus.webview部分](http://www.html5plus.org/doc/zh_cn/webview.html)。
赞同来自: 小资电脑
偏移量设置为header高度(45px) + 1
偏移量设置为header高度(45px) + 1
```
var c = document.querySelector(".mui-control-item.mui-active");
if(c) {
c.classList.remove(&q... 显示全部 »
```
var c = document.querySelector(".mui-control-item.mui-active");
if(c) {
c.classList.remove("mui-active");
}
var target = document.querySelector(".mui-scroll .mui-control-item:nth-child(" + (parseInt(obj.index) + 1) + ")");
target.classList.add("mui-active");
if(target.scrollIntoView) {
target.scrollIntoView();
}
```
关于scrollIntoView,参考相关api。[Element.scrollIntoView()](https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView)
感谢反馈,后面我们会补充上的。
赞同来自: jian652485051@163.com
[http://www.html5plus.org/doc/zh_cn/events.html](http://www.html5plus.org/doc/zh_cn/events.html)
... 显示全部 »
[http://www.html5plus.org/doc/zh_cn/events.html](http://www.html5plus.org/doc/zh_cn/events.html)
```
document.addEventListener('pause', function() {
var videoElem = document.querySelector('video');
videoElem.pause();
});
```
赞同来自: Trust 、294600453@qq.com
如果自己不作的话,那么恶意网页来源于网络劫持,有2种网络劫持可能性:
1. Webview直接load了远程url,但被运营商或路由器劫持了。避免这种劫持的方法是load的原生url设成https。
2. 本地的页面在wgt... 显示全部 »
如果自己不作的话,那么恶意网页来源于网络劫持,有2种网络劫持可能性:
1. Webview直接load了远程url,但被运营商或路由器劫持了。避免这种劫持的方法是load的原生url设成https。
2. 本地的页面在wgt或wgtu更新时,被网络劫持注入恶意js。避免这种劫持的方法是下载更新包时也使用https。
另外由于5+的Webview的能力本来就高于普通Webview,凡是加载非自控网页时,应注意关闭Webview的运行plus的能力,在Webview style参数里有个plusrequire,可设置是否允许该Webview使用plus api。
赞同来自: Trust 、393972487@qq.com
我们内部测试通过后会更新到正式版本。
我们内部测试通过后会更新到正式版本。
```javascript
for(let i = 0; i < 6; i++) {
wv = plus.webview.create("","custom-webview",{
plusrequire:"none", //禁止远程网页使用plus的API,有些使用mui制作的网页可能会监听plus.key,造成关闭页面混乱,可以通过这种方式禁止
top:uni.upx2px(248) + uni.upx2px(248 + 50) * i, //放置在titleNView下方。如果还想在webview上方加个地址栏的什么的,可以继续降低TOP值
height:uni.upx2px(248),//uni.getSystemInfoSync().windowHeight - uni.upx2px(148)
position: "static" // 跟随父 webview 滚动
})
wv.loadURL("https://www.baidu.com")
currentWebview.append(wv);//一定要append到当前的页面里!!!才能跟随当前页面一起做动画,一起关闭
}
```
精华 在web-view加载的本地及远程HTML中调用uni的API及网页和vue页面通讯 Webview uniapp
xiaoyao09163@163.com1 天前 评论文章 • 76 个评论 • 28318 次浏览
mui初级入门教程(二)— html5+ webview 实现底部栏切换用法详解 选项卡 Webview mui
m17768018510@163.com2 天前 评论文章 • 65 个评论 • 81396 次浏览
【示例】webview模式选项卡实现滑动切换 示例 选项卡 技术分享 Webview
pengzzp@126.com2019-11-22 17:29 评论文章 • 33 个评论 • 20913 次浏览
精华 关于手机webview内核、默认浏览器、各家小程序的渲染层浏览器的区别和兼容性 WKWebview uiwebview 浏览器兼容 Webview
3247492078@qq.com2019-11-21 19:45 评论文章 • 27 个评论 • 26612 次浏览
【分享】5+App的中View 分享 titleNView nativeObj nativeUI maps map Webview
sacrg793@aliyun.com2019-11-21 12:27 评论文章 • 8 个评论 • 1784 次浏览
关于uniapp中使用web-view的经验 uniapp Webview
今天回复我了吗2019-11-01 19:47 评论文章 • 10 个评论 • 2295 次浏览
【示例】访问外部网站将图片下载至本地相册 HTML5+ 下载 Gallery 技术分享 Webview mui
116901381@qq.com2019-10-19 14:47 评论文章 • 27 个评论 • 23294 次浏览
【示例】内置浏览器titleNView版 icon titleNView 内置浏览器 浏览器 Webview HTML5+
994022690@qq.com2019-09-27 10:11 评论文章 • 22 个评论 • 8978 次浏览
【示例】webview模式选项卡实现按需加载 选项卡 Webview
2776332953@qq.com2019-08-23 15:55 评论文章 • 23 个评论 • 5522 次浏览
【示例】Barcod二维码扫描及其结果在webview中的信息的传递 Webview evalJS Barcode
758911706@qq.com2019-08-22 10:56 评论文章 • 23 个评论 • 8381 次浏览
深入理解高度。获取屏幕、webview、软键盘高度 Native.JS Webview 软键盘 输入法 高度
454583426@qq.com2019-07-30 19:40 评论文章 • 23 个评论 • 73254 次浏览