请选择 进入手机版 | 继续访问电脑版
帖子
帖子
用户
博客
课程
1234567下一页
返回列表 发新帖
显示全部楼层
28
帖子
1
勋章
1万+
Y币

WKWebView的使用介绍

[复制链接]
发表于 2020-1-11 17:15:07
在iOS系统中,webView分为UIWebView和WKWebView,相比于UIWebView,WKWebView在性能和功能等方面有很大提升,具有Safari相同的JavaScript引擎,支持更多的HTML5特性,并且没有点击事件延迟,滚动时也不会影响页面渲染。

使用方式:

可以在config.xml全局配置useWKWebView字段来使用:
  1. <preference name="useWKWebView" value="true" />
复制代码

或者在打开页面时通过useWKWebView参数来使用:
  1. api.openTabLayout({
  2.     name: 'detail',
  3.     url: './detail.html',
  4.     useWKWebView: true,
  5.     bgColor: '#fff',
  6.     title: '详情',
  7.     navigationBar: {
  8.         background: '#fff'
  9.     }
  10.     });
复制代码

注意事项和建议:

  • 在打开新页面时应尽量使用openTabLayout来代替openWin,使用tabLayout的原生导航栏,加快打开速度。
  • 为页面设置合适的背景颜色,以避免在窗口切换过程中闪现黑色背景。
  • 使用UIWebView时,若系统内存不足时会直接结束掉应用,而使用WKWebView时则只是结束掉页面的渲染进程,因此会表现为页面白屏。可以在config.xml中配置WKWebViewRecoveryMode来刷新页面或者热重启应用。
  • localStorage和UIWebView页面不通用。为避免出现兼容性问题,简单的本地数据存取可以用api对象下的prefs相关接口,而大量的缓存数据则可以使用fs、db来存储。
  • 跨域问题。云编译时启用全局加密后,为保证代码安全,在WKWebView中默认会限制跨域访问(打开页面时可通过 allowAccessFromFile 参数控制是否限制)。在限制跨域时,若服务器未设置允许跨域,则无法使用XMLHttpRequest和jQuery的ajax访问,只能使用api.ajax;在canvas中画图片时,除了图片服务器需设置允许跨域外,还需要使用blob的方式来加载图片,可参考附件示例。本地图片则可以转换成base64使用。
  • 输入框自动获取焦点问题。为达到更好的体验,如果输入框要在打开页面时自动获取焦点弹出键盘,需使用api.setFocus方法。




本帖子中包含更多资源,您需要 登录 才可以下载或查看,没有帐号?立即注册

X
97
帖子
1
勋章
2466
Y币
1. 官方建议openTabLayout打开页面,但是头部只能是标题加左右按钮太局限了,根本没办法满足现在的设计需求
2. 鉴于iOS的要求配置了useWKWebView后,openWin或者openFrame渲染页面又会很慢,体验效果大打折扣

都不太行啊,所以目前有什么更好的建议吗?
220
帖子
2
勋章
6911
Y币
闪现黑色背景这块有啥更好的解决方案么?我设置合适的背景也没用……都是会闪
19
帖子
0
勋章
885
Y币
localStorage和WKWebView页面不通用吧?
26
帖子
0
勋章
94
Y币
如果配置了<preference name="useWKWebView" value="true" /> 就不需要修改现在的openWin了是不,localstorage也没影响,对吧,主要是现有程序使用了太多localStorage
2
帖子
0
勋章
27
Y币
宁2017 发表于 2020-3-2 15:46
如果配置了 就不需要修改现在的openWin了是不,localstorage也没影响,对吧,主要是现有程序使用了太多local ...

同问!~
28
帖子
1
勋章
1万+
Y币
本帖最后由 技术咨询-Kenny 于 2020-3-3 11:18 编辑
sipo 发表于 2020-3-2 23:12
闪现黑色背景这块有啥更好的解决方案么?我设置合适的背景也没用……都是会闪 ...

一般的页面用openTabLayout打开的话,通过bgColor参数设置背景色基本不会闪。
28
帖子
1
勋章
1万+
Y币
宁2017 发表于 2020-3-2 15:46
如果配置了 就不需要修改现在的openWin了是不,localstorage也没影响,对吧,主要是现有程序使用了太多local ...

只WKWebView页面中相互使用基本没影响,不过最好换成平台的Prefs和fs等,同时,不需要存到本地只在内存中访问的数据更应该用setGlobalData等方法。
144
帖子
1
勋章
1589
Y币
WKWebView页面中之前还是无法读取localstorage, 配置了config.xml 我在试试
最近我在App Store上提交更新时反馈我Info.plist中的UIRequiredDeviceCapabilities key设置不正确致使引用无法安装,而平台编程出来的包里没有UIRequiredDeviceCapabilities,这个问题和这次苹果更新有关系吗,以前审核都没问题,前两天提交就不行了
28
帖子
1
勋章
1万+
Y币
脸滚键盘写代码 发表于 2020-3-4 20:07
最近我在App Store上提交更新时反馈我Info.plist中的UIRequiredDeviceCapabilities key设置不正确致使引用 ...

和这个没关系,单独发帖,把苹果的反馈内容发出来。
1234567下一页
您需要登录后才可以回帖 登录

本版积分规则