ios- webView和WKWebView图片超出边界处理办法

1、在webView和WKWebView加载html 链接时候，会遇到图片宽度超出边界，显示不全的情况

初始效果.PNG

2、需要注入的js代码

 NSString *js = @"function imgAutoFit() { \
     var imgs = document.getElementsByTagName('img'); \
     for (var i = 0; i < imgs.length; ++i) {\
        var img = imgs[i];   \
        img.style.maxWidth = %f;   \
     } \
  }";
  js = [NSString stringWithFormat:js, [UIScreen mainScreen].bounds.size.width - 20];

3、webView注入方式和调用方法

//注入js 到html中
[webView stringByEvaluatingJavaScriptFromString:js];
  //调用
[webView stringByEvaluatingJavaScriptFromString:@"imgAutoFit()"];

4、wkwebView 注入和调用方法

[webView evaluateJavaScript:js completionHandler:nil];
[webView evaluateJavaScript:@"imgAutoFit()" completionHandler:nil];

注入js后的效果.PNG