IOS WKWebView加載本地H5以及css,js等樣式

兩點非??拥牡胤剑旱谝稽c,就是導入前端給你的h5包的時候

導入h5的包


這里如果選擇第一個,會無法加載js和css樣式以及img,因為大部分前端這些東西都是寫的絕對路徑。如果你要選第一個groups,那么你就要去修改h5里面的路徑,非常的繁瑣,而且前端維護也很難受。

這里選擇第二個。導入Create folder references。你會發(fā)現(xiàn)是個藍色的文件夾。然后,不要急著去用你的[NSBundle mainBundle]查找路徑,因為這里有個坑。你需要去添加


這里加入剛剛導入進來的那個藍色文件夾。

然后你就可以去添加到你的wkwebView了。然后,第二個坑,網(wǎng)上很多都是用

[_wkWebView loadRequest:request];

這種加載方式去加載本地的html,結(jié)果你會發(fā)現(xiàn),模擬器就是不出來,全空白的。因為在ios9以后,這個方法不允許加載本地的html。(知道的人覺得很簡單,不知道的,要糾結(jié)很久。)

NSString *path = [[NSBundle mainBundle] pathForResource:@"index" ofType:@"html" inDirectory:@"alwaysOx"];

NSURL *fileURL = [NSURL fileURLWithPath:path];

[_webView loadFileURL:fileURL allowingReadAccessToURL:fileURL];

正確的方式是用這個loadFileURL:allowingReadAccessToURL:的方法,就可以加載出html了,而且有css和js以及img的。



做個記錄,這種坑,以后誰遇到了,可以避免。

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容