启动画面不适用于 phonegap 构建应用程序或谷歌浏览器

Posted 2023-05-06

【中文标题】启动画面不适用于 phonegap 构建应用程序或谷歌浏览器

【英文标题】：Splashscreen is not working on phonegap build app or google chrome

【发布时间】：2018-07-18 00:26:40

【问题描述】：

有人问过这个问题，但我已经尝试了几乎所有可能的解决方案，但到目前为止没有任何效果。我是 Phonegap 的新手，当我在我的笔记本电脑上使用 google chrome 和 phone gap 应用程序测试它时，我很难显示我的启动画面，我已经安装了它来测试我的应用程序。

我的 config.xml 文件代码如下所示：

<preference name="SplashScreen" value="splash" />
    <preference name="SplashScreenDelay" value="3000" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="ShowSplashScreenSpinner" value="true"/>
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="SplashShowOnlyFirstTime" value="false" />

<plugin name="cordova-plugin-splashscreen" source="npm" spec="~3.2.1" />

<platform name="android">
<icon density="ldpi" src="www/res/icon/android/ldpi-icon.png" />
        <icon density="mdpi" src="www/res/icon/android/mdpi-icon.png" />
        <icon density="hdpi" src="www/res/icon/android/hdpi-icon.png" />
        <icon density="xhdpi" src="www/res/icon/android/xhdpi-icon.png" />
        <icon density="xxhdpi" src="www/res/icon/android/xxhdpi-icon.png" />
        <icon density="xxxhdpi" src="www/res/icon/android/xxxhdpi-icon.png" />
<splash src="www/res/screen/android/land-ldpi.png" platform="android" qualifier="land-ldpi"/>
        <splash src="www/res/screen/android/land-mdpi.png" platform="android" qualifier="land-mdpi"/>
        <splash src="www/res/screen/android/land-hdpi.png" platform="android" qualifier="land-hdpi"/>
        <splash src="www/res/screen/android/land-xhdpi.png" platform="android" qualifier="land-xhdpi"/>
        <splash src="www/res/screen/android/land-xxdpi.png" platform="android" qualifier="land-xxhdpi"/>
        <splash src="www/res/screen/android/land-xxxdpi.png" platform="android" qualifier="land-xxxhdpi"/>
        <splash src="www/res/screen/android/ldpi.png" platform="android" qualifier="port-ldpi" />
        <splash src="www/res/screen/android/mdpi.png" platform="android" qualifier="port-mdpi" />
        <splash src="www/res/screen/android/hdpi.png" platform="android" qualifier="port-hdpi" />
        <splash src="www/res/screen/android/xhdpi.png" platform="android" qualifier="port-xhdpi" />
        <splash src="www/res/screen/android/xxhdpi.png" platform="android" qualifier="port-xxhdpi" />
        <splash src="www/res/screen/android/xxxhdpi.png" platform="android" qualifier="port-xxxhdpi" />
        <splash src="splash.png" />
    </platform>

我的 config.xml 文件和 splash.png 文件位于我的 www 文件夹中。

如果有人可以帮助我，那就太好了。我不知道我哪里错了。

谢谢你:)

【问题讨论】：

***.com/questions/45823973/… 参考这个答案。

【参考方案1】：

您将在下面找到由 Ionic 生成的示例 config.xml：

...
<platform name="ios">
   <icon  src="resources/ios/icon/icon.png"  />
   <icon  src="resources/ios/icon/[e-mail]"  />
    ...
</platform>
<platform name="android">
    <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
    <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
    ...
</platform>
<preference name="SplashScreen" value="screen" />
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="FadeSplashScreen" value="false" />
<plugin name="cordova-plugin-splashscreen" spec="^3.2.2" />
...

这些文件所在的文件夹是 project_root/resources/... 不在 www 文件夹中。闪屏是一个 Cordova 插件，它不会显示在浏览器中。