带有cordova-plugin-ionic-webview或cordova-plugin-wkwebview-engine插件的cordova ios的白色空白屏幕问题

Question

ios 中的 UIWebview 会出现问题。 苹果将​​拒绝使用此应用程序。 所以我们决定在我们的cordova ios应用程序中使用WKWebview。 我安装了 cordova-plugin-wkwebview-engine 并在 config.xml 文件中添加了<preference name="WKWebViewOnly" value="true" /> 。 问题是在启动画面之后它显示白色的空白屏幕。

    <?xml version='1.0' encoding='utf-8'?>
<widget id="io.cordova.hellocordova" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>HelloCordova</name>
    <description>
        A sample Apache Cordova application that responds to the deviceready event.
    </description>
    <author email="dev@cordova.apache.org" href="http://cordova.io">
        Apache Cordova Team
    </author>
    <content src="index.html" />
    <plugin name="cordova-plugin-whitelist" spec="1" />
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <platform name="android">
        <allow-intent href="market:*" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
    </platform>
    <plugin name="cordova-plugin-ionic-webview" spec="^4.1.3" />
    <preference name="WKWebViewOnly" value="true" />
    <engine name="ios" spec="~5.1.1" />
    <plugin name="cordova-plugin-background-mode" spec="^0.7.3" />
    <plugin name="cordova-plugin-badge" spec="^0.8.8" />
    <plugin name="cordova-plugin-camera" spec="^4.1.0" />
    <plugin name="cordova-plugin-device" spec="^2.0.3" />
    <plugin name="cordova-plugin-geolocation" spec="^4.0.2" />
    <plugin name="cordova-plugin-splashscreen" spec="^5.0.3" />
    <plugin name="cordova-plugin-x-toast" spec="^2.7.2" />
</widget>

Answer 1

记得添加这个插件：

<plugin name="cordova-plugin-wkwebview-engine"  source="npm" /> 
<plugin name="cordova-plugin-wkwebview-file-xhr"  source="npm" /> 

并添加这个

<preference name="WKWebViewOnly" value="true" />
<feature name="CDVWKWebViewEngine">
    <param name="ios-package" value="CDVWKWebViewEngine" />
</feature>
<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
<preference name="AllowBackForwardNavigationGestures" value="true" />
<preference name="Allow3DTouchLinkPreview" value="false" />

使用cordova-ios@5.1.1编译

---

使用 cordova-ios@6.1.0+ 构建它

• 删除飞溅插件（现在已集成）
• 将 inappbrowser 插件升级到 v4.0.0
• 删除所有 wkwebview 相关插件
• 将方案和主机添加到 config.xml：

    <preference name="scheme" value="app" />
    <preference name="hostname" value="localhost"  /> 

Answer 2

同样的问题在这里。 我必须重新安装 ios 平台才能使其工作（到版本 5.1.1）

Answer 3

ios中的UIWebview将出现问题。 苹果将​​拒绝使用此应用程序。 因此，我们决定将WKWebview用于我们的cordova ios应用程序。 我安装了cordova-plugin-wkwebview-engine并在config.xml文件中添加了<preference name="WKWebViewOnly" value="true" /> 。 问题出在启动屏幕之后，它显示白色空白屏幕。

    <?xml version='1.0' encoding='utf-8'?>
<widget id="io.cordova.hellocordova" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>HelloCordova</name>
    <description>
        A sample Apache Cordova application that responds to the deviceready event.
    </description>
    <author email="dev@cordova.apache.org" href="http://cordova.io">
        Apache Cordova Team
    </author>
    <content src="index.html" />
    <plugin name="cordova-plugin-whitelist" spec="1" />
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <platform name="android">
        <allow-intent href="market:*" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
    </platform>
    <plugin name="cordova-plugin-ionic-webview" spec="^4.1.3" />
    <preference name="WKWebViewOnly" value="true" />
    <engine name="ios" spec="~5.1.1" />
    <plugin name="cordova-plugin-background-mode" spec="^0.7.3" />
    <plugin name="cordova-plugin-badge" spec="^0.8.8" />
    <plugin name="cordova-plugin-camera" spec="^4.1.0" />
    <plugin name="cordova-plugin-device" spec="^2.0.3" />
    <plugin name="cordova-plugin-geolocation" spec="^4.0.2" />
    <plugin name="cordova-plugin-splashscreen" spec="^5.0.3" />
    <plugin name="cordova-plugin-x-toast" spec="^2.7.2" />
</widget>

Answer 4

根据cordova文档： https : //github.com/apache/cordova-plugin-wkwebview-engine/blob/master/README.md

正确的方法做到这一点： https://ionicframework.com/blog/understanding-itms-90809-uiwebview-api-deprecation/?utm_campaign=enterprise&utm_source=hs_email&utm_medium=email&utm_content=85128961&_hsenc=p2ANqtz--vsf3kcg7MssMWwjv2_GpHmVbzN23_5fXDfKT0E6OileYraLWs9btGPqWUcq5mzTKCtKwXGqO35V3SnInjypj4uqSBRg&_hsmi=85128961

必须添加这些权限

<feature name="CDVWKWebViewEngine">
     <param name="ios-package" value="CDVWKWebViewEngine" /> 
</feature> 
<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />

因此，请检查它们是否已添加，如文档所述：“在 iOS 9 中，Apple 已经解决了通过 iOS 8 无法使用 file:// 加载区域设置文件的问题，并且必须求助于使用本地网络服务器。但是，您仍然如果您的服务器上未启用 CORS，则无法使用 file:// 协议中的 XHR。”

因此，如果您在版本 8 上进行测试，则存在问题，但我认为正如我所看到的，您的 config.xml 中的实现仍然不完整，因此请使用功能和首选项对其进行更新。

Answer 5

根据我的经验，它实际上不是白色屏幕，而是带有白色背景的空白视图，cordova 应用程序未正确呈现，如果滚动，您可以看到下面的所有 div 视图。

无论使用 UIWebview 还是 WKWebview，这似乎是新 iOS 13.4 版本上的cordova 应用程序的问题。

Answer 6

转到tsconfig.json并确保在compilerOptions中将target设置为es5 。 我尝试了所有，只有这对我有用