iOS WKWebView加载本地HTML文件

如果需要使用WKWebView加载本地一整套的html和css，js文件，首先需要把这一整套文件拖入xcode，路径如下：

1

注意文件夹颜色为蓝色，因为拖入的时候需要选择

2

html文件的脚本，资源等的路径如下：

<link rel="stylesheet" href="web.css">

<script src="dist-web/eosjs-api.js"></script>

<script src="dist-web/eosjs-jsonrpc.js"></script>

<script src="dist-web/eosjs-jssig.js"></script>

<script src="lib.js"></script>

本地WKWebView加载的方法如下：

1 添加头文件 #import <WebKit/WebKit.h>。

2 加载代码：

WKPreferences *pre = [[WKPreferences alloc] init];

pre.javaScriptEnabled = YES;

WKWebViewConfiguration *con = [[WKWebViewConfiguration alloc] init];

con.preferences= pre;

self.webView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width,self.view.frame.size.height) configuration:con];

[self.view addSubview:self.webView];

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

NSString *content = [NSString stringWithContentsOfFile:path encoding:NSUTF8StringEncoding error:nil];

self.webView.UIDelegate = self;

[self.webViewloadHTMLString:content baseURL:[NSURLfileURLWithPath: [NSStringstringWithFormat:@"%@/EOSWeb/", [[NSBundlemainBundle]bundlePath]]]];

需要注意的是WKWebView 资源的路径path，创建的时候需要加上 inDirectory:@"/EOSWeb" ，确定层级目录，加载时的baseURL也要注意类似的点。