Question

我正在创建一个Phonegap应用。在我的应用程序中使用不同的CSS为“Android”和“ios”，所以我必须加载CSS只有它是Android。以下代码完美地工作，但最初页面加载没有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未在后台加载。好吧，这一切都在变化，以便当您的应用程序加载到另一个线程中的启动画面下时，您的启动画面会显示在一个线程上。最好的是您不需要对代码进行任何更改。只需像往常一样继续调用启动画面。

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

1 个答案: