A. iOS WKWebView加载本地html
1、将html文件夹拖入项目根目录下，选择引用（蓝色文件夹）
2、获取index.html所在的路径
3、webView调用loadFileURL:allowingReadAccessToURL:方法加载
如果需要拼接额外参数，需要手动拼接地址，直接用fileURLWithPath生成的链接，会进行编码
NSString *basePath = [NSString stringWithFormat: @"%@/%@", [[NSBundle mainBundle] bundlePath], @"index.html所在的文件夹"];
NSURL *baseUrl = [NSURL fileURLWithPath: basePath isDirectory: YES];
NSString *filePath = [NSString stringWithFormat: @"file://%@/index.html#/?xxx=%@&sss=%@", basePath, @"xxx", @"sss"];
NSURL *fileUrl = [NSURL URLWithString: filePath];
[_webView loadFileURL: fileUrl allowingReadAccessToURL: baseUrl];
B. iOS WebView加载本地js、css文件
思路：对html进行操作，然后webView loadHtml
将需要的js、css资源导入创建好的bundle下，如上图
WKWebView *webView = [[WKWebView alloc]initWithFrame:frame]];
这个filePaths 就是需要加载的 js、css文件在本地的路径，是个数组，因为可能需要加载本地的多个js、css文件, 如果需要加载的js、css文件较多，可以让后台传给你对应js、css文件的路径，注意传的路径要跟导入本地的资源路径一致，否则会加载失败。
//路径path
NSArray *pathArray = dict[@"filePath"];
if (pathArray) {
NSError *error;
//获取网络的HTML
NSString * online_HTML = [NSString stringWithContentsOfURL:[NSURL URLWithString:url] encoding:NSUTF8StringEncoding error:&error];
if(!error) {
//以分割
NSArray * array_HTML = [online_HTML componentsSeparatedByString:@"</head>"];
NSMutableString *header_HTML = [[NSMutableString alloc]initWithString:array_HTML.firstObject];
for (NSString *path in pathArray) {
//注意这里的hightcharts.bundle，更改成你本地的bundle名
NSString *filePath = [[NSBundle mainBundle] pathForResource:[NSString stringWithFormat:@"hightcharts.bundle/%@",path] ofType:nil];
if ([filePath hasSuffix:@"js"]) {
[header_HTML appendFormat:@"<script src=\"%@\"><\script>",filePath];
}else if ([filePath hasSuffix:@"css"]){
[header_HTML appendFormat:@"<link rel=\"stylesheet\"
[_webView loadHTMLString:header_HTML baseURL:[[NSBundle mainBundle] bundleURL]];
}
}
C. Webview加载本地html罕见bug
一般来说WebView 加载本地html很简单 如下图实现就好了
但是很坑的是 html不仅能命名为readme 命名是readme的就无法加载 换一个名称test就可以 了。真是罕见的bug
D. Android-WebView中加载本地html的方法
Android在webview下加载本地网页的方式
首先，在src目录下面新建一个assets目录，之后新建一个web资源的根目录，如下图所示：
这里的Web目 录名可以任意起，但是必须有这一层，否则可能拿不到资源
之后再webview中加载资源：
webView.loadUrl("file:///android_asset/web/index.html");
//注意一点，目录名是assets，资源路径中是asset
E. 如何用webview加载本地网页
UIWebView加载工程本地网页与本地图片
- (void)viewDidLoad
{
[super viewDidLoad];
NSString *filePath = [[NSBundle mainBundle]pathForResource:@"1" ofType:@"html"];
NSString *htmlString = [NSString stringWithContentsOfFile:filePath encoding:NSUTF8StringEncoding error:nil];
myWebView = [[UIWebView alloc] initWithFrame:self.view.bounds];
myWebView.delegate = self;
[self.view addSubview:myWebView];
[myWebView loadHTMLString:htmlString baseURL:[NSURL URLWithString:filePath]];
}
-(void)webViewDidFinishLoad:(UIWebView *)webView
{
NSString *imagePath = [[NSBundle mainBundle] resourcePath];
imagePath = [imagePath :@"/" withString:@"//"];
imagePath = [imagePath :@" " withString:@"%20"];
NSString * js = [NSString stringWithFormat:@"document.images[0].src='file:/%@//%@'",imagePath,@"icon-04.png"];
[myWebView :js];
NSString *path = [myWebView :@"document.images[0].src"];
NSLog(@"path:%@", path);
}
F. WKWebView加载本地Web项目文件(WKWebView离线加载)及带参数请求
随着苹果爸爸强制推动WKWebView替代UIWebView，各旧项目的替换工作随之而来，据说在2020年12月31日前未将UIWebView替换成WKWebView的项目将会被下架，而新项目在初次上线审核就会被卡。
G. WKWebView加载本地html
WKWebView加载本地的html，可使用以下方法：
其中，url为你本地的地址。
除此之外，还必须在WKWebView加入以下设置，否则是白页！
这句是为了解决跨域问题。
H. webbrowser加载本地网页
直接打本地网页文件的全路径 如:c:\1.htm就可以显示了
I. [Swift]使用WKWebView加载本地HTML文件
我们项目中有的时候会使用HTML写一些静态页面, 然后直接加载显示到我们的APP中, 之前一直使用的UIWebView来加载, 是这样的:
如果想使用WKWebView来加载, 好像失败了:
这样是加载不了本地的HTML文件的. 下面就来看一下加载本地HTML的方法.
一般我们直接添加到项目中的文件是默认Create groups的, 即: 在我们添加文件到项目中, 例如一个文件夹, 选项是这样的:
这样在项目中添加的文件夹是黄色的, 这时我们在加载HTML的不能使用path来加载了, 应该使用URL, 即:
如果还是使用filePath来加载, 也是可以的, 但是将HTML文件添加到资源目录的时候需要注意: 我们需要选择Create folder references, 为便于区分, 我同样是添加了一个文件夹, 然后将HTML文件添加到这个文件下面:
这时候会发现, 文件夹是蓝色的, 项目中是这样的:
将HTML文件放到这个蓝色文件夹下面后, 我们就可以在项目中这样使用WKWebView来加载了:
这里最主要的是需要自己来拼接完整的文件路径:
上面黄色文件夹Files下的HTML可以使用UIWebView, 使用之前的方式加载, 也可以使用WKWebView以URL的方式来加载; 蓝色HTML_Files文件夹下的HTML文件, 可以使用上面的方式用WKWebView以路径的方式来来加载.