html - 使用 WkWebview 强制 HTML 内容适应设备宽度

Question

我有一个 WkWebview 应该显示 HTML 电子邮件的内容。问题是有时内容比窗口大，因此需要用户滚动才能看到完整的电子邮件。

是否有可能避免这种情况并具有与默认 iOS 邮件应用程序类似的行为？事实上，在 Mail 应用程序中，无论是哪种电子邮件，内容似乎都是合适的。

Answer 1

您可以通过在网页加载后添加此代码来实现此目的。也就是在这个函数的最后 func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!)

let jscript = "var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appendChild(meta);"
    let userScript = WKUserScript(source: jscript, injectionTime: .atDocumentEnd, forMainFrameOnly: true)
    let wkUController = WKUserContentController()
    wkUController.addUserScript(userScript)
    let wkWebConfig = WKWebViewConfiguration()
    wkWebConfig.userContentController = wkUController
    let yourWebView = WKWebView(frame: self.view.bounds, configuration: wkWebConfig)// yourwebview is the webview that you are using.