WKWebView iOS 鏈接 Javascript 文件

Question

我無法從 UIViewRepresentable WKWebView 中運行 javascript 文件。 這可能是一個簡單的問題和一個簡單的答案，但我似乎無法弄清楚。 我是 Swift 和 iOS 編程的新手。

我想從傳遞給 WKWebView 的 UIViewRepresentable 的 HTML 字符串中鏈接到 javascript 文件。 據我所知，Javascript 沒有運行。

內容視圖：

import SwiftUI

struct ContentView: View {
    var body: some View {
        let HTMLString =
            """
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width">
            <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
            <script>var formula = document.getElementById('formula');formula.style.color="#FF0000"</script>
            <p id="formula" style="font-size: 35px;">
                      \\[A = P(1+r)^t\\]
            </p>
            <script src="change-color.js"></script>
            """
        HTMLView(htmlString: HTMLString).frame(width: .infinity, height: 80)
    }
}

這是js文件：

var formula = document.getElementById('formula');
formula.style.color="#FF0000";

HTML 視圖：

import SwiftUI
import WebKit

struct HTMLView: UIViewRepresentable {
    
    let htmlString: String
    
    func makeUIView(context: Context) -> WKWebView {
        let webView = WKWebView()
        webView.scrollView.isScrollEnabled = false
        return webView
    }
    
    func updateUIView(_ uiView: WKWebView, context: Context) {
        uiView.loadHTMLString(htmlString, baseURL: nil)
    }
}

目錄和文件：

Answer 1

嘗試添加Bundle.main.bundleURL並將更改change-color文件名更改為change-color.js 。

uiView.loadHTMLString(htmlString, baseURL: Bundle.main.bundleURL)