javascript - 在Swift中使用JS隐藏WKWebView集合元素

Question

我有一个网站已加载到 WKWebView 中。我想隐藏该网站的标题，以便我可以使用我在 Storyboard中内置的 native 标题。 header 元素只能通过类引用(即“header-layout-bar”)。

我一直使用此代码作为引用来隐藏标题。

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
    print("finishload")
    let element = "header-layout-bar"
    let removeElementScript = "var element = document.getElementsByClassName('\(element)'); element.parentElement.removeChild(element); console.log(element);"
    webView.evaluateJavaScript(removeElementScript) { (response, error) in
        debugPrint("Am here")
    }
}

当我在控制台中打印出元素以查看它是否已被选择时，它会打印一个空的 HTML Collection Array。以这种方式删除它并不会隐藏它。

我尝试了该主题的几种变体，但均无济于事(例如使用 getElementsByTagName 选择它)。

没有任何效果。有人可以提供解决方案吗？

Answer 1

你可以尝试用CSS隐藏它:

let removeElementScript = "document.querySelector('.header-layout-bar').style.display='none';"
webView.evaluateJavaScript(removeElementScript) { (response, error) in
    debugPrint("Am here")
}