[iOS] UIWebview讀取本地HTML CSS不顯示的問題

看到這篇文章的人, 我想大家必定跟我遇到了同樣的問題, 而且很着急, 因此這裏先給出解決方案

解決方案:若是你的css是放在文件夾裏的 請把這個文件夾以folder的形式(在xcode工程目錄是藍色文件夾)引入到xcode 這樣應該能夠解決你可問題, 若是不能解決請往下看

 

引發緣由 : 讀取本地css顯示失敗的緣由大多是由於把html工程引入xcode功能目錄中因爲xcode默認文件夾是group形成html尋找css文件找不到, 所以沒法讀取到css(外鏈式CSS)

出現這個問題的緣由與一句話有關:

<link href="css/index.css" rel="stylesheet" type="text/css">

這句代碼的意思是尋找與 index.html 同目錄下css文件夾中的 index.css 文件, 這時你剛好是以group形式引入css文件夾 index.html就會去與他同一目錄下的css文件夾中去尋找 index.css, 可是它根本找不到, 找不到的緣由是group裏的全部文件都視爲同一目錄, 裝着 index.css 的文件夾 css 被幹掉了, 裏面的東西都在group裏, 因此就會出現html沒法找到css的問題了, 這時修改index.html中的代碼爲下面這句話 html就能夠輕鬆的找到css了:

<link href="index.css" rel="stylesheet" type="text/css">

能夠觀察到href裏面去掉文件夾路徑(css), 由於文件都在group裏, 不須要css文件夾來指引了, 所以這麼作css就能輕鬆的顯示出來了

不過若是項目中引入了不少css確定不能一個一個去改, 因此最好的解決方案是把css文件夾以folder的形式引入到xcode項目中 由於folder與group不一樣, 它是有目錄結構的, 因此咱們這樣作 先把group狀態的css文件夾remove to references 而後再拖回到工程目錄 這時會出來對話框 而後請選擇create folder references

這樣再運行項目就會發現你的css能夠順利的顯示出來了!

demo源碼:

https://github.com/iwgo/UIWebView-html-css.git