IDW-SWIFTで要素を取得するためにUIWebViewでJavaScriptを使用

Question

UIWebViewを使用して記事であるWebページを読み込んでいます。一度ボタンを押すと、url、title、およびimageの構造体が作成されます。タイトルにアクセスするには、ウェブページのソースコードにアクセスして、記事ごとに同じクラスID（class = "c-page-title"）を持つh1 headerのタイトルを取得する必要があります。誰でもh1 headerからテキストを取得するには、stringByEvaluatingJavaScriptまたはevaluateJavaScript関数を使用する方法を知っていますか？

のStruct：：記事の構造体を埋め

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

あなたは、「C-ページタイトル」のクラス名を持つ最初の要素の内部HTMLになりますfunc stringByEvaluatingJavaScript(from script: String) -> String?

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

戻り値を使用することができます。

しかし、より良いアプローチは、あなたのUIWebViewをWKWebViewに変更することだと思います。 iOSコードからWebViewの中にたくさんのスクリプトを実行している場合、これはあなたのJavaScriptのパフォーマンスを向上させます。私はクラスからその「c-page-title」をIDに変更し、ページ上に1つしか存在しないようにします。あなたはfunc evaluateJavaScript(_ javaScriptString: String, completionHandler: ((Any?, Error?) -> Void)? = nil)を使うことができます。これははるかに優れています。

だから、それは次のようになります。

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

また、これは完全なハンドラを使用している、それは非同期なので、あなたがそのためにあなたのロジックを構築する必要があることに注意してください。