Phonegap Build：如何在闪屏消失前加载 CSS 和 JS 文件？

Posted 2023-03-12

【中文标题】Phonegap Build：如何在闪屏消失前加载 CSS 和 JS 文件？

【英文标题】：PhonegapBuild: How to load CSS and JS files before the splash screen dissapears?

【发布时间】：2013-06-13 15:51:37

【问题描述】：

我正在使用 Phonegap Build 服务（来自 Dreamweaver CS6）并且我一直在使用这个模板：http://themeforest.net/item/tiger-jquery-mobile-web-template-web-app/3018322，其中包含很多 js 和 css 文件。问题是，当启动画面消失时，应用程序没有加载正确显示应用程序所需的所有 js 和 css 文件，并且某些功能（在 android 上工作）如画廊幻灯片不起作用。另外，当我启动 Android 应用程序时，它看起来像一个没有 css 的网页，但几秒钟后它会正确显示应用程序。

【参考方案1】：

您是否在关注phonegap documentation 添加启动画面？

假设您使用的是最新版本的 phonegap (2.8.0)，请将这些行添加到扩展 phonegap 的主 java 类中：

super.setIntegerProperty("splashscreen", R.drawable.splash);
super.loadUrl(Config.getStartUrl(), 10000);

然后在你的应用 JS 中：

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() 
    navigator.splashscreen.hide();

【讨论】：

这是一个JQuery错误，但我仍然不知道为什么它在Android设备上有效而在ios设备上却没有。