ios - 使用 UIWebView/WKWebView 时出现奇怪的填充

Question

在模拟器和真实设备上，我在页面的左侧和右侧得到了这个白色填充。我也想删除顶部栏。我在 Main.storyboard 上有 UIWebView/WKWebView:

我尝试将约束值设置为 -20，但它什么也没给出。这里的代码:

 @IBOutlet var webView: WKWebView!


    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.

        self.automaticallyAdjustsScrollViewInsets = false;

        let url = NSURL(string: "https://www.google.ru/");
        var req = NSURLRequest(URL: url!);
        webView.loadRequest(req);

    }

我也尝试添加 body { padding: 0; margin :0； } 在我开始在谷歌上测试之前我自己的页面。我检查了 Safari - 它非常适合谷歌图片。所以我尝试的一切都没有帮助我。如何删除 WKWebView 中的左/右白色填充？

Answer 1

看起来开箱即用的 WKWebView 在 body 标签上设置了边距。您可以通过创建一个 WKWebViewConfiguration 并添加初始化配置来删除它，包括带有 margin 0 的 body 样式。

let config = WKWebViewConfiguration()
let bodyStyle = "body { margin:0; }"
let source = "var node = document.createElement(\"style\"); node.innerHTML = \"\(bodyStyle)\";document.body.appendChild(node);"

let script = WKUserScript(
            source: source,
            injectionTime: .AtDocumentEnd,
            forMainFrameOnly: false
        )

config.userContentController.addUserScript(script)
webView = WKWebView(frame: CGRectZero, configuration: config)

或者快速而肮脏的方法是向您的 View 添加内联样式。 (我没试过这种方式)