android - 如何在页面显示前加载phonegap中的css？

Question

我正在创建一个 Phonegap 应用程序。在我的应用程序中，我为“Android”和“ios”使用了不同的 css，所以只有当它是 android 时我才需要加载 css。以下代码工作正常，但最初页面加载时没有 css，然后在 phonegap 加载后加载我的 css，每次我显示该页面时都会显示一个跳舞页面(即)在页面显示后加载 css。任何人都可以帮助加载页面显示之前的 css，但前提是它是 android 平台。

     <script type="text/javascript" >
     var string;
     // Wait for PhoneGap to load 
     document.addEventListener("deviceready", onDeviceReady, false);

     // PhoneGap is loaded and it is now safe to make calls PhoneGap methods
     function onDeviceReady() 
     {
       check_img();
    }

   function check_img() 
   {
     string = device.platform;
    if(string=="Android")
    {
      var head  = document.getElementsByTagName('head')[0];
      var link  = document.createElement('link');
      //link.id   = cssId;
      link.rel  = 'stylesheet';
      link.type = 'text/css';
      link.href = 'css/style.css';
      //link.media = 'all';
      head.appendChild(link);
    }
    } 
    </script>

Answer 1

我在这里找到了答案。 http://simonmacdonald.blogspot.in/2012/04/phonegap-android-splashscreen-just-got.html

当你设置启动画面时，你在 mainactivity.java 文件中执行以下操作

    super.setIntegerProperty("splashscreen", R.drawable.splash);
    super.loadUrl("file:///android_asset/www/index.html", 10000);

这会显示启动画面 10 秒，然后加载 index.html 页面。注意我当时说的。是的，显示启动画面是阻塞调用是正确的。在显示初始屏幕时，您的 .html/.js/.css 未在后台加载。好吧，这一切都在改变，因此您的启动画面显示在一个线程上，而您的应用程序在另一个线程的启动画面下加载。最好的事情是您不需要对代码进行任何更改。像往常一样继续调用启动画面。