如何解决如何为 IOS 和 Android 构建启动画面
我正在使用 Cordova 最终确定适用于 Android 和 IOS 的应用程序。 我使用了cordova-plugin-splash,但我的IOS有很多问题,特别是启动图像。
我想知道是否有一个标准可以只用 Jquery Mobile 来做飞溅 csreen,就像添加一个带有图像的白色 div。这个想法是删除飞溅插件并仅使用 jquery mobile。
我需要有一个大约 1-2 秒的启动画面,以隐藏应用程序加载过程,并且必须在 IOS 和 Android 设备上工作
我通过 stackoverflow 标记的所有主题都太旧了。
谢谢
解决方法
在我看来,我会使用纯 JavaScript 而不是 JqueryMobile。
(function() {
setTimeout(
function()
{
document.getElementById("splashScreen").style.display = "none";
document.getElementById("mainMenu").style.display = "inline";
},2000)
})();
<div id="splashScreen">
<img src="https://via.placeholder.com/500">
</div>
<div id="mainMenu">
<p>Hello!</p>
</div>
或者使用 Jquery 作为替代。
$(document).ready(
setTimeout(
function()
{
$("#splashScreen").hide();
$("#mainMenu").show();
},2000)
);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="splashScreen">
<img src="https://via.placeholder.com/500">
</div>
<div id="mainMenu" style="display: none;">
<p>Hello!</p>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。