WKWebView 中的 evaluateJavaScript() 仅在第一次工作

Posted 2023-03-12

技术标签:

【中文标题】WKWebView 中的 evaluateJavaScript() 仅在第一次工作【英文标题】：evaluateJavaScript() in WKWebView works only the first time 【发布时间】：2018-04-18 14:50:57 【问题描述】：

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？

【问题讨论】：

脚本在您的 html 中只执行一次。您应该将代码移动到一个函数中，并从evaluateJavaScript 显式调用该函数。理想情况下，将变量作为参数传递给它，而不是仅更新 var 值。 【参考方案1】：

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

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

然后：

webView.evaluateJavaScript("update(\"\(oneWeek)\", \"\(oneMonth)\");")  (result, error) in

问题的另一部分是loadHTMLString 开始加载但在调用evaluateJavaScript 时我们不知道内容是否已经加载。理想情况下，您应该在 WKNavigationDelegate 方法之一中调用更新。

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

【讨论】：

谢谢，最好指出VC需要实现WKNavigationDelegate和webView.navigationDelegate = self。否则 webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) 永远不会被提升。 @Houman 我假设知道如何与代表合作:) 对不起，我建议这样做是为了在 *** 方面创建完美的答案。不用担心。

以上是关于WKWebView 中的 evaluateJavaScript() 仅在第一次工作的主要内容，如果未能解决你的问题，请参考以下文章

检测 WKWebview 中的按钮点击

WKWebView 中的链接随机不可点击

WkWebView 实例化中的内存泄漏

为啥我的 UIScrollView 中的 WKWebview 没有显示？

WKWebView 中的奇怪边距

WKWebView 中的 Javascript - evaluateJavaScript 与 addUserScript