swift: Webview独自のcssを効かせたい

Question

#実現したい事/困っていること
webviewを使って、なんちゃってアプリを遊びで作っています。
困っていることとしては、webview独自のcssを効かせたいのですがうまくいかずに困っています。
webview参照先のurlは一時的にgoogleにしていますが、実際は自分の作成したwordpressをしてしています。
最終的にやりたいこととしては、アプリで起動しているときは、アプリっぽく見せたいのでfooterを削除したいです。

import UIKit
import WebKit

class ViewController: UIViewController, WKUIDelegate {
    
    private var webView: WKWebView!
    let js = "document.getElementById('footer-pwa').style.display ='none !important';"
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
        
        // WKWebViewを生成
        webView = WKWebView(frame:CGRect(x:0, y:0, width:self.view.bounds.size.width, height:self.view.bounds.size.height))
        
        // URL設定
        let urlString = "example.com"
        let encodedUrlString = urlString.addingPercentEncoding(withAllowedCharacters:NSCharacterSet.urlQueryAllowed)
        
        let url = NSURL(string: encodedUrlString!)
        let request = NSURLRequest(url: url! as URL)
        
        let userAgentStr = "My App WebView"
        webView.customUserAgent = userAgentStr
        webView.load(request as URLRequest)
        webView.evaluateJavaScript(js, completionHandler: nil)
        
        self.view.addSubview(webView)
    }


}

Comments

[kei344]

例示用ドメインはご自身で所有されていない限り example.com, example.jp, example.co.jp など例示用に予約されたドメイン名を利用してください。 http://www.atmarkit.co.jp/fwin2k/win2ktips/801exampledom/exampledom.html https://blog.jxck.io/entries/2017-09-27/example-local-test-domains.html https://blog.ko31.com/201304/sample-domain-example/

[nanase21]

kei344さん
申し訳ございませんでした。
修正させていただきました。

Answer 1

evaluateJavaScript はページ読み込み後にする必要があるので WKNavigationDelegate を設定して下記のデリゲートで呼べばCSSの変更はできると思います。

/// ページ読み込み後に呼ばれる
func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
   let js = "document.getElementById('footer-pwa').style.display ='none';"
   webView.evaluateJavaScript(js)
}