从 Ionic 浏览器更改启动画面

Posted

技术标签:

【中文标题】从 Ionic 浏览器更改启动画面【英文标题】:Change Splash Screen from Ionic Browser 【发布时间】:2019-01-07 09:38:42 【问题描述】:

启动我的应用程序时出现以下初始屏幕:

我只跑了

ionic cordova platform add browser

ionic cordova build browser

我的 config.xml

<preference name="ScrollEnabled" value="false" />
<preference name="android-minSdkVersion" value="19" />
<preference name="BackupWebStorage" value="none" />
<preference name="SplashMaintainAspectRatio" value="true" />
<preference name="FadeSplashScreenDuration" value="300" />
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="3000" />
<preference name="StatusBarBackgroundColor" value="#000000" />

感谢您的帮助!

【问题讨论】:

它的网络应用还是移动应用? 这是一个网络应用 @CodeChanger 我遇到了同样的问题你解决了吗? 【参考方案1】:

你必须改变

值='屏幕'

在 config.xml 文件中使用您自己的图片(如 assets/logo.png)。

您还可以更改默认尺寸:

<preference name="SplashScreenWidth" value="300" /> <!-- defaults to "170" --> 
<preference name="SplashScreenHeight" value="300" /> <!-- defaults to "200" -->

闪屏插件文档:https://github.com/apache/cordova-plugin-splashscreen

【讨论】:

【参考方案2】:

是的,改变

value='screen'

value='/assets/imgs/logo.png'.

如果要编辑启动画面,请转到

plugins/cordova-plugin-splashscreen/src/browser/SpalshScreenProxy.js. 

启动画面图片/img/logo.png 有一个默认路由,它不起作用。

【讨论】:

以上是关于从 Ionic 浏览器更改启动画面的主要内容,如果未能解决你的问题,请参考以下文章

如何从 ionic 2 应用程序中删除启动画面? [复制]

在 Ionic 框架中构建启动画面动画?

如何使用 Ionic\Cordova 在 android 中设置图标和启动画面

动画启动画面 - Ionic 4.0

Ionic应用程序在启动画面iOS上崩溃

在 ionic 3 或 4 上将启动画面作为视频?