使用带有 UIWebView 的 JavaScript 通过 ID-SWIFT 检索元素

Question

我正在使用UIWebView 加载作为文章的网页。一旦我按下一个按钮，我就会用url、title 和image 创建一个结构。要访问标题，我需要访问网页的源代码并从每篇文章具有相同类 ID (class="c-page-title") 的 h1 header 获取标题。有人知道如何使用stringByEvaluatingJavaScript 或evaluateJavaScript 函数从h1 header 获取文本吗？

这是我的一些代码供参考：

结构：

struct Article {

    var url: URL
    var img: URL
    var title: String

    init(url: URL, img: URL, title: String) {
        self.url = url
        self.img = img
        self.title = title
    }
}

填充文章结构的函数：

    @IBAction func bookmarkArt(_ sender: Any) {

    let articleInst = Article(url: (mainWebView.request?.url)!, img: (mainWebView.request?.url)!, title: "Article Here")
    bookmarks.append(articleInst)
    print("array: \(bookmarks)")

    let alertController = UIAlertController(title: "Bookmark added!", message: "This article was just added to your bookmarks.", preferredStyle: UIAlertControllerStyle.alert)

    // Replace UIAlertActionStyle.Default by UIAlertActionStyle.default
    let okAction = UIAlertAction(title: "Awesome, thanks!", style: UIAlertActionStyle.default) {
        (result : UIAlertAction) -> Void in
        print("OK")
    }

    alertController.addAction(okAction)
    self.present(alertController, animated: true, completion: nil)
}

任何帮助将不胜感激！！提前非常感谢。

干杯， 西奥

Answer 1

当然可以使用func stringByEvaluatingJavaScript(from script: String) -> String?

articleInst.title = webView.stringByEvaluatingJavaScript("document.getElementsByClassName(\"c-page-title\")[0].innerHtml;")

返回值将是第一个类名为“c-page-title”的元素内的html。

但是，我认为更好的方法是将您的 UIWebView 更改为 WKWebView。如果您从 iOS 代码在 webView 中运行大量脚本，这将提高您的 javascript 的性能。我还会将“c-page-title”从一个类更改为一个 ID，并确保页面上只存在一个。然后您可以使用func evaluateJavaScript(_ javaScriptString: String, completionHandler: ((Any?, Error?) -> Void)? = nil)，这在 imo 中要好得多。

所以它看起来像：

webView.evaluateJavaScript("document.getElementById(\"c-page-title\").innerHtml;") {(response, error) in 
    if (response != nil) { 
        articleInst.title = response as! String
    }
    // error handling
}

另外请记住，这是使用完整的处理程序，它是异步的，因此您需要为此构建逻辑。