嗨伙计!因此,今天我非常高兴分享我们已经进行了很长时间的大量测试。截至目前…新的betway东盟体育app离子应用程序将在wkwebview…默认情况下运行!

好的,所以让我们简要介绍一下为什么这真的很重要,也有利于作为开发人员。Wkwebview已经存在一段时间了,这已经不是什么秘密了,但是在那段时间里,它存在一些问题,尤其是在Hybrid App Land中。许多人试图解决这些问题,但是直到最近,我们才进入一个可以可靠地在人们的应用程序中可靠地使用WKWebView的地方,而没有功能损坏。这意味着我们只需使用新的WebView即可在iOS上获得令人难以置信的性能增长,减少内存足迹,滚动事件等等!

将wkwebview添加到您的应用

为了添加WKWebView,我们需要从离子存储库中添加插件。betway东盟体育app

betway东盟体育app离子Cordova插件添加Cordova-Plugin-Ionic-webview-避免

如果您已经安装了插件或使用了其他版本/叉,则需要先卸载您的内容。

betway东盟体育app离子Cordova插件RM Cordova-Plugin-wkwebview-engine引擎

就是这样!插件安装完成后,您的下一个本机构建将包括更快,更轻,更现代的WebView!

重要的问题

由于这与UIWebView完全不同,因此在进行更改之前,有一些事情要注意。

LocalStorage/IndexDB中的数据将不会传输到新的WebView

当您考虑这本质上是一个新的浏览器时,这是有道理的。如果您的数据是使用SQLite插件存储的,则本身或与@betway东盟体育app离子/存储,这可以解决。在使用WebView推出新更新之前,可能需要花时间将数据从Web存储迁移到本机存储解决方案。

wkwebview强制执行CORS

UIWebView或iOS中旧的WebView从未实际强制执行CORS,但是WKWebView确实和不提供禁用它的方法。为了解决这个问题,您需要正确实现CORS并添加以下条目:

来源:http:// localhost:8080

如果不可能(您不拥有API),可以解决方法http插入,@betway东盟体育appionic-native/http

本机文件未正确加载

如果您使用的是相机插件或从设备文件系统中读取/写作,则可能会得到一个看起来像类似的文件路径

文件:///some/really/long/path.png

文件://必须删除URL的一部分,以使资源正确加载。您可以手动执行此操作,但是betway东盟体育app离子 - angular@3.2.0,我们提供一个可以自动处理此操作的快速功能。

从'离子 - 角'导入{anformizeUrl};betway东盟体育app让路径= Cordova.file.datadirectory;console.log('原始:' +路径);路径= normalizeUrl(路径);console.log('pident:' + path);

Cordova插件还允许您通过cdvfile://协议。此路径是在本机代码中解决的问题,因此不能与归一化

身份验证服务需要白名单Localhost

由于WKWebView使用引擎盖下的服务器,因此它将为您的应用创建一个URL,Localhost:8080,而不是通过文件://。为此,需要告知身份验证提供商,例如Firebase和Auth0,以允许该URL达到其API时。应该有一个称为“允许起源”或“授权域”的部分。这将确保您的应用程序可以正确验证。

就是这样!我们把所有笔记都放在我们的wkwebview文档,如果您需要再次引用它们。我们对将WKWebView的运输作为默认值感到非常兴奋,我们希望看到许多人将其采用到您的应用程序中。我还要感谢你们许多人在插件的早期版本和发行版中的所有反馈,测试和发行报告。您的反馈只会使插件变得更好!谢谢

注册离子通讯,以获取最新新闻和更betway东盟体育app新!

Baidu