android - 如何在 Phonegap 应用程序中使图像加载更流畅

Question

我在 Phonegap 中构建了一个应用程序，其中在某些页面上，我有一些 div，其背景设置为 Web 中存在的一些图像。

<div class="clipBoard"></div>

.clipBoard {
   background: url(http://mydomain.com/img/img_1.png);
}

当我导航到该页面时，需要时间专门在 android 上显示该图像。我们可以做一些安排，以展示充分发展的形象吗？

Answer 1

您可以在应用启动时预加载该图像，

body:after{
   content: url(http://mydomain.com/img/img_1.png) display:none;
}

因此，当您导航到该页面时，它将立即显示该图像。