登录  /  注册
博主信息
博文 10
粉丝 0
评论 0
访问量 6738
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
WKWebView的使用介绍
YonMaker生态定制
原创
831人浏览过

在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方法。


如果您想用YonBuilder技术定制软件应用,
可在此提交定制需求:https://yonmaker.yonyou.com/#/?id=YK46

本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学