WKWebView 中的 evaluateJavaScript() 仅在第一次运行
evaluateJavaScript() in WKWebView works only the first time
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
?
更新 javascript 中 var
的值在我看来是相当危险的。该脚本当时可能已经执行,更不用说其他 Javascript 与 var
的怪癖了。理想情况下,您应该使用将新值作为参数的 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
)。那可能会更容易处理。
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
?
更新 javascript 中 var
的值在我看来是相当危险的。该脚本当时可能已经执行,更不用说其他 Javascript 与 var
的怪癖了。理想情况下,您应该使用将新值作为参数的 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
)。那可能会更容易处理。