javascript - 从 webView 中删除元素

Question

我使用此代码删除标题和其他内容，但问题是当我重新加载页面时，它会显示标题一秒钟，然后将其删除。我希望代码即使在重新加载时也能删除 header 。

private func removeElements(fromWebView webView: UIWebView) {
    self.elementsToRemove.forEach { self.removeElement(elementID: $0, fromWebView: webView) }
}

private func removeElement(elementID: String, fromWebView webView: UIWebView) {
    let removeElementIdScript = "var element = document.getElementById('\(elementID)'); element.parentElement.removeChild(element);"
    webView.stringByEvaluatingJavaScript(from: removeElementIdScript)

    let removeElementClassScript = "document.getElementsByClassName('\ . (elementID)')[0].style.display=\"none\";"
    webView.stringByEvaluatingJavaScript(from: removeElementClassScript)
}

Answer 1

如果您可以从 UIWebView 切换到 WKWebView 并且您的目标是 iOS 11+，则可以使用 WKContentRuleListStore 使用您的任意规则(就像广告拦截器一样)。以下是从 stackoverflow 网站删除顶部栏的示例:

import UIKit
import WebKit

let contentRules = """
[
  {
    "trigger": {
      "url-filter": ".*"
    },
    "action": {
      "type": "css-display-none",
      "selector": "div.topbar"
    }
  }
]
"""

class ViewController: UIViewController {
  @IBOutlet weak var webView: WKWebView!

  override func loadView() {
    super.loadView()

    let request = URLRequest(url: URL(string: "https://stackoverflow.com")!)
    WKContentRuleListStore.default().compileContentRuleList(forIdentifier: "ContentBlockingRules", encodedContentRuleList: contentRules) { rulesList, error in
      if let error = error {
        print(error)
        return
      }
      guard let rulesList = rulesList else { return }
      let config = self.webView.configuration
      config.userContentController.add(rulesList)
      self.webView.load(request)
    }
  }
}

您可以找到有关内容阻止规则的更多信息 here .