两点非常坑爹的地方:第一点,就是导入前端给你的h5包的时候 导入h5的包 这里如果选择第一个,会无法加载js和css样式以及img,因为大部分前端这些东西都是写的绝对路径。如果你要选第一个groups,那么你就要去修改...
两点非常坑爹的地方:第一点,就是导入前端给你的h5包的时候
导入h5的包
这里如果选择第一个,会无法加载js和css样式以及img,因为大部分前端这些东西都是写的绝对路径。如果你要选第一个groups,那么你就要去修改h5里面的路径,非常的繁琐,而且前端维护也很难受。
这里选择第二个。导入Create folder references。你会发现是个蓝色的文件夹。然后,不要急着去用你的[NSBundle mainBundle]查找路径,因为这里有个坑。你需要去添加
这里加入刚刚导入进来的那个蓝色文件夹。
然后你就可以去添加到你的wkwebView了。然后,第二个坑,网上很多都是用
[_wkWebView loadRequest:request];
这种加载方式去加载本地的html,结果你会发现,模拟器就是不出来,全空白的。因为在ios9以后,这个方法不允许加载本地的html。(知道的人觉得很简单,不知道的,要纠结很久。)
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的。
做个记录,这种坑,以后谁遇到了,可以避免。
作者:Mr_阿飞
链接:https://www.jianshu.com/p/b7ef38784b99
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
本文标题为:IOS WKWebView加载本地H5以及css,js等样式
基础教程推荐
- Android多返回栈技术 2023-04-15
- Android开发使用RecyclerView添加点击事件实例详解 2023-06-15
- IOS应用内跳转系统设置相关界面的方法 2022-11-20
- android studio按钮监听的5种方法实例详解 2023-01-12
- 解决Android Studio突然不显示logcat日志的问题 2023-02-04
- iOS开发教程之XLForm的基本使用方法 2023-05-01
- Flutter绘图组件之CustomPaint使用详解 2023-05-12
- Android中的webview监听每次URL变化实例 2023-01-23
- IOS 播放系统提示音使用总结(AudioToolbox) 2023-03-01
- Flutter手势密码的实现示例(附demo) 2023-04-11