WKWebView内容自适应

问题:有的时候移动端在webview请求的时候,返回的内容呈现在页面很小,这是因为后台没有做手机端的屏幕适配,其实导致这样问题的根源是少了HTML5的meta标签。在后台不做调整的前提下,我们移动端可以做如下修改:

//webView内容大小自适应
        let wkUScript = WKUserScript.init(source: "var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appendChild(meta);", injectionTime: .atDocumentEnd, forMainFrameOnly: true)
        let wkUController = WKUserContentController.init()
        wkUController.addUserScript(wkUScript)
        
        let config = WKWebViewConfiguration.init()
        config.preferences = WKPreferences.init()
        config.preferences.javaScriptEnabled = true
        config.preferences.javaScriptCanOpenWindowsAutomatically = false;
        config.processPool = WKProcessPool.sharedProcessPool()
        config.userContentController = wkUController
        self.webView = WKWebView.init(frame: self.view.bounds, configuration: config)

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值