[Swift]使用WKWebView加载本地HTML文件

html-css024

[Swift]使用WKWebView加载本地HTML文件,第1张

我们项目中有的时候会使用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以路径的方式来来加载.

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]

WKWebView加载本地的html，可使用以下方法：

其中，url为你本地的地址。

除此之外，还必须在WKWebView加入以下设置，否则是白页！

这句是为了解决跨域问题。