iOS WKWebView 加載本地HTML重挑、CSS、JS文件

在UIWebView中加載本地HTML文件棠涮、CSS文件谬哀、JS文件沒有任何問題,正常載入和現(xiàn)實(shí)在UIWebView上严肪。

但是在WKWebView中加載本地HTML文件史煎、CSS文件、JS文件诬垂,往往加載不上劲室,導(dǎo)致界面樣式和事件遠(yuǎn)遠(yuǎn)不是自己想要的。網(wǎng)上搜索許久都沒有搞定结窘,自己翻墻和研究終于找到新大陸很洋。

現(xiàn)在就和大家分享下,本人在項(xiàng)目中使用WKWebView加載本地CSS文件沒有效果的解決辦法隧枫。方法原理在HTML文件喉磁、JS文件同樣適用谓苟。

首先將資源文件放在一個(gè)目錄下,以備后期調(diào)用

目錄結(jié)構(gòu)如下协怒,隨意放涝焙,只要知道路徑就可以

DingTalk20170712224312.png

重點(diǎn)來了:
在WKWebView加載HTML代碼或者本地HTML文件時(shí)進(jìn)行處理
直接上源碼了,創(chuàng)建WKWebView代碼就不上了孕暇,直接來加載代碼

DingTalk20170712224502.png

重點(diǎn)之處在于baseUrl處仑撞,baseUrl需要設(shè)置本地資源文件所對應(yīng)的路徑

/// [self.viewModel getHtmlString] 此方法是HTML串
- (void)showInWebView {
    NSURL *baseUrl = [NSURL URLWithString:@"file:///assets/"];
    [self.webView loadHTMLString:[self.viewModel getHtmlString] baseURL:baseUrl];
}

這樣設(shè)置就可以正常加載CSS文件并且顯示

同時(shí)貼上 CSS文件使用方式。這里沒有什么特別的妖滔,直接使用NSBundle加載CSS文件隧哮,但是不設(shè)置上面的baseUrl,這個(gè)CSS文件是不能加載的

DingTalk20170712224837.png

如果在不行座舍,就把對應(yīng)的HTML文件或者CSS文件拷貝到沮翔,對應(yīng)執(zhí)行類文件(加入執(zhí)行WebView加載的方法在A類中,就把對應(yīng)的HTML曲秉、CSS文件拷貝到當(dāng)前目錄中)同目錄下采蚀,在試試

到此WKWebView加載本地HTML文件、CSS文件承二、JS文件問題就搞定了

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末榆鼠,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子矢洲,更是在濱河造成了極大的恐慌璧眠,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件读虏,死亡現(xiàn)場離奇詭異责静,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)盖桥,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進(jìn)店門灾螃,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人揩徊,你說我怎么就攤上這事腰鬼。” “怎么了塑荒?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵熄赡,是天一觀的道長。 經(jīng)常有香客問我齿税,道長彼硫,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮拧篮,結(jié)果婚禮上词渤,老公的妹妹穿的比我還像新娘。我一直安慰自己串绩,他們只是感情好缺虐,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著礁凡,像睡著了一般高氮。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上顷牌,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天纫溃,我揣著相機(jī)與錄音,去河邊找鬼韧掩。 笑死,一個(gè)胖子當(dāng)著我的面吹牛窖铡,可吹牛的內(nèi)容都是我干的疗锐。 我是一名探鬼主播,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼费彼,長吁一口氣:“原來是場噩夢啊……” “哼滑臊!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起箍铲,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤雇卷,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后颠猴,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體关划,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年翘瓮,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了贮折。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,161評論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡资盅,死狀恐怖调榄,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情呵扛,我是刑警寧澤每庆,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站今穿,受9級特大地震影響缤灵,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一凤价、第九天 我趴在偏房一處隱蔽的房頂上張望鸽斟。 院中可真熱鬧,春花似錦利诺、人聲如沸富蓄。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽立倍。三九已至,卻和暖如春侣滩,著一層夾襖步出監(jiān)牢的瞬間口注,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工君珠, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留寝志,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓策添,卻偏偏與公主長得像材部,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子唯竹,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評論 2 344

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