Xcode，phoneGap中不包含CSS文件。但是，他們在瀏覽器中運行

這裏是我的html代碼：Xcode，phoneGap中不包含CSS文件。但是，他們在瀏覽器中運行

<!DOCTYPE html> 
<!-- 
test app 
--> 
<html> 
    <head> 
     <title>jQuery Mobile page</title> 
     <meta charset="utf-8" /> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <link rel="stylesheet" charset="utf-8" href="http://darrenvenn.com/greenie.min.css" /> 
      <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" /> 
      <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
      <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 
      <title>test app</title> 
      </head> 
    <body> 
     <div data-role="page" data-theme="a"> 

      <div data-role="header" data-position="inline"> 
       <h1>Sample Header</h1> 
      </div> 
      <div data-role="content" data-theme="a"> 
       <input type="button" value="selection 1" onclick=""/> 
       <p> 
       <input type="button" value="selection 2" onclick="" /> 
       </p><p> 
       <input type="button" value="selection 3" onclick="" /> 
       </p><p> 
       <input type="button" value="selection 4" onclick="" /> 
       </p> 
      </div> 
       <script type="text/javascript" src="cordova-2.2.0.js"></script> 
     </div> 
    </body> 
</html>

當我運行這個從瀏覽器中找到的greenie.min.css文件就好了。當我在PhoneGap/Xcode中運行它時，它不會加載css。想知道爲什麼我的css在瀏覽器中加載正常時不會加載PhoneGap。我嘗試了許多不同的方式，使用plain和min版本，本地加載和從url加載，沒有任何作品，什麼都沒有。

這應該是如此簡單！...

來源

2012-12-26 Darren

是的，它已連接。 – Darren

檢查CSS文件的權限和它們所在的目錄。特別是，確保x標誌在CSS主管上設置。據瞭解，這在某些情況下會影響CSS加載，例如在帶有某些電子書閱讀器（包括iBook）的EPUB中。

來源

2012-12-26 03:11:07

我現在來看看 – Darren

我不認爲它是權限，因爲即使我通過Internet加載css和js文件，問題仍然存在，所以實際上沒有本地文件來設置權限。 – Darren

好的，這是一種權限問題，隱藏得很好。我最終將cordova.plist中的ExternalHosts設置爲*，現在它可以工作了！唷，這真是晦澀難懂，我想知道有這樣一個問題的產品...... – Darren

對我來說，這是因爲我用'/'開始我的路徑。由於某些原因，這在Chrome和Android中運行良好，但在IOS中運行良好。

來源

2015-07-17 20:19:36 Helzgate

Xcode，phoneGap中不包含CSS文件。但是，他們在瀏覽器中運行

回答

相關問題