WKWebView加载网页自适应大小

• 在使用WKWebView加载html页面时, 有时候页面显示会变的很小, 这是因为原网页没有做手机屏幕尺寸的适配, 加上下面的代码就可以了

• 添加代码前:

• 添加代码后:

IMG_4337.PNG

• 初始化WKWebView时添加以下代码

- (WKWebView *)webView {
    if (!_webView) {

        //以下代码适配大小
        NSString *jScript = @"var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appendChild(meta);";
        
        WKUserScript *wkUScript = [[WKUserScript alloc] initWithSource:jScript injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES];
        WKUserContentController *wkUController = [[WKUserContentController alloc] init];
        [wkUController addUserScript:wkUScript];
        
        WKWebViewConfiguration *webConfig = [[WKWebViewConfiguration alloc] init];
        wkWebConfig.userContentController = wkUController;
        
        _webView = [[WKWebView alloc] initWithFrame:self.view.frame configuration:webConfig];

        _webView.navigationDelegate = self;
    }
    return _webView;
}

• 参考资料:
  https://blog.csdn.net/box_kun/article/details/79260925
  https://blog.csdn.net/Keep_Moving31038/article/details/79001938
  https://blog.csdn.net/ynynynynx4/article/details/78192976?utm_source=blogxgwz9