How to hide header and footer in WKWebView using Js and ios-14

Question

How to hide header and footer in WKWebView in swift in IOS 14 I am using below code for loadiing thr website inside webview.

 webview.load(URLRequest.init(url: URL.init(string: "myURLHere)!))

Answer 1

Try this code using CSS

public func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
    let cssString = "header {display: none;}"
                   let script = "var style = document.createElement('style'); style.innerHTML = '\(cssString)'; document.head.appendChild(style);"
                webView.evaluateJavaScript(script,
                        completionHandler: { (response, error) -> Void in
                    print(error)
                    webView.isHidden = false
                        })
                let cssString1 = "footer {display: none;}"
                   let script1 = "var style = document.createElement('style'); style.innerHTML = '\(cssString1)'; document.head.appendChild(style);"
                webView.evaluateJavaScript(script1,
                        completionHandler: { (response, error) -> Void in
                    webView.isHidden = false
                        })
}