WKWebView 加载 HTML 和 Javascript 但无法加载 CSS 文件

Question

我已经使用 XCode 11 和 Swift 5 构建了一个非常简单的 WKWebView 应用程序。

为此，我从默认的 Hello World App 开始，删除了两个核心 AppDelegate 方法中的所有代码，并删除了 ContentView.swift 文件。

然后我使用以下代码添加了一个新的 class 文件 ViewController.swift

import Cocoa
import WebKit

class ViewController: NSViewController, WKUIDelegate 
{

var webView: WKWebView!
override func loadView()
    {
    let webConfiguration = WKWebViewConfiguration ()
    webView = WKWebView (frame: CGRect(x:0, y:0, width:800, height:600), configuration:webConfiguration);
    webView.uiDelegate = self ;
    view = webView;
    }

override func viewDidLoad()
    {
    super.viewDidLoad()

    if let url = Bundle.main.url ( forResource: "TeamMap"
                                 , withExtension: "html"
                                 , subdirectory: "TM-MAC")
        {
        self.webView.loadFileURL ( url
                                 , allowingReadAccessTo: url);
        self.view = webView ;
        }
    }
}

然后我在故事板中添加了一个视图控制器并将其链接到上面的 swift 文件并将其设置为主视图控制器。

然后我在添加文件夹结构中将一组文件添加到新文件夹 TM-MAC，其中包含以下文件

TeamMap.html
TeamMap.js
TeamMap.css
plus several other javascript and image files.

当此应用程序运行出现 window 时，可以在其中看到 WKWebView，也可以使用 Safari 检查。

我发现 html 和 js 文件都已加载，但 css 文件尚未加载。我确信 css 文件没有错误，因为我在另一个用 Objective C.

编写的 XCode 应用程序中使用了相同的三个文件

我在 Whosebug 中发现了各种类似的报告，我尝试过但仍然不起作用的一件事是将传递给 loadFileURL/allowingReadAccessTo 的变量从 url 更改为 url.deletingLastPathComponent()

Answer 1

答案是在创建网络视图之前添加以下代码行以覆盖 func loadView()。

webConfiguration.preferences.setValue(true, forKey: "allowFileAccessFromFileURLs");

WKWebView 加载 HTML 和 Javascript 但无法加载 CSS 文件

WKWebView loads HTML and Javascript but fails to load CSS files

macos

html5-apps

wkwebview

xcode11