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

一.開篇點(diǎn)題

造成原因: .css文件路徑問題
解決方案: 如果你的css是放在文件夾里的 請(qǐng)把這個(gè)文件夾以folder的形式引入到XCode 這樣應(yīng)該可以解決你可問題 如圖1所示.

圖1

二.剖析原因

讀取本地css顯示失敗的原因大多是無法讀取到css文件(外鏈?zhǔn)紺SS)
出現(xiàn)這個(gè)問題的原因與一句話有關(guān):

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

這句代碼的意思是尋找 css 文件夾中的 .css 文件, 這時(shí)你恰好是以group形式引入 然而它根本找不到 找不到的原因是group里的所有文件都視為同一目錄

三.解決方案

第一種解決方案

把css文件夾以folder形式引入來保持路徑結(jié)構(gòu) 也就是開頭所述的方法.

第二種解決方案

把css文件夾以group形式引入 并修改html中css文件路徑為以下代碼

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

這樣就可以讀取本地的.css文件了

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

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容