Disable zoom in WKWebView?

Question

Does anyone know a nice simple way to disable double-click and pinch zooming in a WKWebView? Nothing I've tried works:

Webview.scrollView.allowsMagnification = false;    // Error: value of type WKWebView has no member allowsMagnification  Webview.scrollView.isMultipleTouchEnabled = false; // doesn't do anything 

In the html:

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> // pile of crap, does nothing 

Answer 1

You will have to add maximum scale in script.

The following code should help you:

let source: String = "var meta = document.createElement('meta');" +     "meta.name = 'viewport';" +     "meta.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no';" +     "var head = document.getElementsByTagName('head')[0];" +     "head.appendChild(meta);"  let script: WKUserScript = WKUserScript(source: source, injectionTime: .atDocumentEnd, forMainFrameOnly: true) let userContentController: WKUserContentController = WKUserContentController() let conf = WKWebViewConfiguration() conf.userContentController = userContentController userContentController.addUserScript(script) let webView = WKWebView(frame: CGRect.zero, configuration: conf)