Question

var webView: WKWebView!
var oneWeek : String = "n/a"
var oneMonth : String = "n/a"
var sixMonths : String = "n/a"
var oneYear : String = "n/a"

func loadHtml() {
        let htmlFile = Bundle.main.path(forResource: "subscriptionTerms", ofType: "html")
        let html = try? String(contentsOfFile: htmlFile!, encoding: String.Encoding.utf8)
        let cssFile = Bundle.main.path(forResource: "popup", ofType: "css")
        let url = NSURL.fileURL(withPath: cssFile!)
        webView.loadHTMLString(html!, baseURL: url)
        webView.evaluateJavaScript("var oneWeek = \"\(oneWeek)\"; var oneMonth = \"\(oneMonth)\"; var sixMonths = \"\(sixMonths)\"; var oneYear = \"\(oneYear)\";") { (result, error) in
        }   
    }

我有一个单击按钮，通过将视图的约束缩小为0来隐藏术语，再次单击它会将其扩展为原始大小。同时，按下此按钮时会调用loadHTML（）函数。

然而，第一次按下按钮时，我可以正确地看到显示的价格。

<html lang="en">
    <head>
        <link rel="stylesheet" type="text/css" href="popup.css">
    </head>
    <body>
        <h4>Premium Subscription Terms</h4>
        <ul>
            <li>Length of subscriptions: One week (<span class="oneWeek"></span>)
...
    <script type="text/javascript">document.querySelector('.oneWeek').innerHTML = oneWeek;</script>
</body>
</html>

第二次点击相同的按钮，变量为零。

我在webView.evaluateJavaScript()之前设置了断点，以确保全局变量不会以某种方式重置。这些值肯定是设定的。但是为什么evaluateJavaScript()第二次没有在HTML中注入变量？

我是否必须事先清空/清除WKWebView？

Answer 1

在我看来，在javascript中更新let bar : IFoo; bar = foo;的值是相当危险的。该脚本当时可能已经执行，甚至没有提到var的其他Javascript怪癖。理想情况下，您应该使用将新值作为参数的javascript函数传递值，例如：

var

然后：

function update(oneWeek, oneMonth) { // add other parameters
   document.querySelector('.oneWeek').innerHTML = oneWeek;
}

问题的另一部分是webView.evaluateJavaScript("update(\"\(oneWeek)\", \"\(oneMonth)\");") { (result, error) in开始加载但我们在调用loadHTMLString时不知道内容是否已加载。理想情况下，您应该使用evaluateJavaScript方法之一调用更新。

作为替代方法，如果你有HTML，你可以在加载之前直接替换那里的值，例如在那里放置一些替换模板（例如WKNavigationDelegate）。这可能会更容易处理。

WKWebView中的evaluateJavaScript（）仅在第一次工作

1 个答案: