文章/答案/技术大牛

发布

社区首页 >问答首页 >PhonegapBuild:如何在闪屏消失前加载CSS和JS文件？

问PhonegapBuild:如何在闪屏消失前加载CSS和JS文件？
EN

Stack Overflow用户

提问于 2013-06-13 15:51:38

回答 1查看 283关注 0票数 0

我使用的是Phonegap构建服务(来自Dreamweaver CS6)，并且我一直在使用这个模板：http://themeforest.net/item/tiger-jquery-mobile-web-template-web-app/3018322，它包含大量的js和css文件。问题是，当闪屏消失时，应用程序没有加载正确显示应用程序所需的所有js和css文件，并且一些功能(适用于Android)不起作用。此外，当我启动Android应用程序时，它看起来像一个没有css的网页，但几秒钟后它就能正确地显示应用程序。

android

jquery

ios

jquery-mobile

cordova

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-06-14 07:45:40

你是否遵循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();
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17091525

复制

动态加载JS 和 CSS

javascript css

逸鹏

2018/04/10

30.1K0

IOS解决闪屏无效LuanchImage启动动画设置加载广告闪屏图

ios xcode lua flutter objective-c

在 Image.xcasset 中 new 一个 IMAGE SET，再更名：Launch Image ，感觉文章复制的人有点多，大部分都是这种，其它方法也是无效的，最后发现修改 info.list + build setting 配置才能生效。

奥特曼超人Dujinyang

2021/02/18

2.1K0

用JavaScript来加载css、js文件

javascript css document url var

友儿

2023/10/21

3000

按需加载js和css

css 编程算法 javascript html

博客上有一个用mediaelement-and-player.js弄的播放器，插件默认的是每个页面都加载一次mediaelement-and-player.min.js和mediaelementplayer.min.css，两个文件都十分的庞大，加起来接近100k，虽然gzip之后只剩下20多k但是也是十分地不爽，所以我便寻思着有没有什么办法能有播放器的时候就加载它，没有播放器的时候就不加载。

zgq354

2019/11/24

2.8K0

js实用方法记录-js动态加载css、js脚本文件

其他

方法测试：openApp('ios页面','**.apk','metools://home');

易墨

2018/09/14

17.9K0

如何在vue组件中引入外部的css和js文件[通俗易懂]

css https 网络安全 html

在使用vue框架开发时，我们都知道一个组件中可以同时写HTML、css、js代码，只需三个标签而已，如下：

全栈程序员站长

2022/11/09

8.8K0

WordPress 技巧：移除加载的 JS 和 CSS 文件后面的 ver 参数

css script 插件函数技巧

我们前面介绍过通过 wp_enqueue_script 和 wp_enqueue_style 函数在 WordPress 中正确引用 JavaScript 和 CSS 文件，但是通过这样引入的 JS 和 CSS 文件，都会在后面加上一个 ver 的参数，怎么移除这个参数呢？

Denis

2023/04/15

1.5K0

Android 闪屏 Splash

其他

android的实现非常简单，使用Handler对象的postDelayed方法就可以实现。在这个方法里传递一个Runnable对象和一个延迟的时间。该方法实现了一个延迟执行的效果，延迟的时间由第2个参数指定，单位是毫秒。第一个参数是Runnable对象，里面包含了延迟后需要执行的操作。 @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceStat

iOSDevLog

2018/05/17

1.1K0

js和css实现手机横竖屏预览思路整理

iphone 其他渲染

首先，实现手机页面在PC端预览，则先在网上找到一个手机的背景图片，算好大概内间距，用来放预览的页面，我这里是给手机预览页面的尺寸按iphone5的尺寸来的；

蓓蕾心晴

2018/12/05

3.7K0

引入js和css文件的总结

java css javascript html https

1.用script标签引入javascript时，浏览器对于javascript的加载某些是并行的，某些是串行的，如IE8，Chorme2和firefox3都是串行加载的。

全栈程序员站长

2022/07/15

8.1K0

如何在js文件中写加载Applet控件（js与jsp分离技术）

其他

如何在js文件中写加载Applet控件（js与jsp分离技术）

源哥

2018/08/28

7.1K0

js解决切换背景图片，发生闪屏问题

image

原因问题出现在本站首页，切换lol人物台词，会重新获取背景图片并切换。而下一张图片加载完成之前，会将原背景色暴露出来，从而形成所谓的闪屏解决先创建一个Image实例，进行预加载，完成后再挂载到背景上 1 const img = new Image(); 2 img.src = `${globalConfig.remoteStaticUrl}/image/${data[0].picture}`; 3 img.onload = () => { 4 const img

心念

2023/01/11

5K0

动态加载JS文件

const scriptEl = document.createElement('script'); scriptEl.onload = scriptEl.onreadystateschange = function () { if (!this.readyState // FF onload || this.readyState == 'loaded' || this.readyState == 'complete' // IE onreadystateschange ) {

路过君

2021/12/07

20.4K0

Js文件异步加载

node.js javascript 渲染

浏览器中渲染引擎与Js脚本引擎是互斥的，在浏览器开始渲染页面时，如果遇到<script>标签，会停止渲染当前页面，也就是说在脚本加载与执行的过程中会阻塞页面的渲染，在网速较差的环境下可能会出现浏览器页面假死的情况，这也就是尽量将<script>文件放置于<body>后的原因，Js文件异步加载就是使浏览器加载外部Js脚本文件时不阻塞渲染线程，这称为非阻塞模式加载，当然加载完成之后解析执行Js脚本时必须与渲染引擎互斥，解析执行Js脚本的时机取决于异步加载Js的方式。

WindRunnerMax

2020/08/27

10.4K0

Android应用icon和闪屏splash的尺寸

其他

我查看支付宝钱包的时候，发现drawable-xxxhdpi里面的尺寸是180 x 180，不是上面标的192 x 192

meteoric

2018/11/19

2K0

js动画和css动画_js文件怎么引入html

attr border function timer var

在做页面中，多数情况下都会遇到页面上做动画效果，我们大部分做动画的时候都是使用框架来做(比如jquery)，这里我介绍下如何让通过原生的js来实现像框架一样的动画效果！

全栈程序员站长

2022/11/04

22.2K0

polyfill — Respond.js

javascript css

Respond.js 是一个快速、轻量的 polyfill，用于为 IE6-8 以及其它不支持 CSS3 Media Queries 的浏览器提供媒体查询的 min-width 和 max-width特性，实现响应式网页设计（Responsive Web Design）。

零式的天空

2022/03/23

1.1K0

点击加载更多

相似问题

Phonegapbuild Android的闪屏未加载

PhoneGap在闪屏中动态加载js和css文件

Android Studio闪屏在活动开始前消失

不会消失的闪屏

android闪屏/加载屏

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

问PhonegapBuild:如何在闪屏消失前加载CSS和JS文件？
EN