与UIWebView和以前版本的WKWebView(iOS 10和macOS 10.12)不同，本地文件的默认加载操作已从Bundle.main.path移动到Bundle.main.url.类似地，loadFileURL也成为在WKWebView中加载本地资源的默认函数.
我知道.path和.url是完全不同的，在过go 都是有效的——.path在历史上是默认 Select 的方法；然而，最新版本的Swift似乎已经打破了大多数(如果不是全部的话).path个解决方案.这.path个解决方案现在似乎可以改变目录层次 struct ，将所有CSS、JS和任何其他子目录内容放在一个大目录中.这会在WKWebViewtry 加载索引时导致加载错误.例如，html，带有链接的子文件夹样式表(即/css/style.css).
在看到无数问题和无数不确定/不完整的答案后，是否有一个快速、无痛的解决方案来实现一个可以加载本地资源(包括链接的CSS/JS文件)的WKWebView，而无需任何变通方法？
Updated for Swift 4, Xcode 9.3
此方法允许WKWebView正确读取链接CSS、JS和大多数其他文件的目录和子目录层次 struct .您确实需要更改HTML、CSS或JS代码.
将以下代码添加到viewDidLoad并根据您的需要进行个性化设置:
let url = Bundle.main.url(forResource: "index", withExtension: "html", subdirectory: "website")!
webView.loadFileURL(url, allowingReadAccessTo: url)
let request = URLRequest(url: url)
webView.load(request)
将本地web文件的文件夹导入到项目的任意位置.确保你:
☑️ 如果需要，复制项目
☑️ Create folder references (not "Create groups")
☑️ 增加目标
使用WKWebView转到视图控制器，并将以下代码添加到viewDidLoad方法中:
let url = Bundle.main.url(forResource: "index", withExtension: "html", subdirectory: "website")!
webView.loadFileURL(url, allowingReadAccessTo: url)
let request = URLRequest(url: url)
webView.load(request)
index–要加载的文件名(不带.html扩展名)website–web文件夹的名称(index.html应位于该目录的根目录下)整个代码应该如下所示:
import UIKit
import WebKit
class ViewController: UIViewController, WKUIDelegate, WKNavigationDelegate {
@IBOutlet weak var webView: WKWebView!
override func viewDidLoad() {
super.viewDidLoad()
webView.uiDelegate = self
webView.navigationDelegate = self
let url = Bundle.main.url(forResource: "index", withExtension: "html", subdirectory: "Website")!
webView.loadFileURL(url, allowingReadAccessTo: url)
let request = URLRequest(url: url)
webView.load(request)
}
}
如果你们有任何人对这个方法或代码有进一步的问题，我会尽我所能回答！