webView 加载html代码后,有时的图片会比较大,该怎么在webView中修改图片大小呢,其实只要通过以下代码就可以了。
通过javaScript代码去修改,代码要写在webView的代理中
- (void)webViewDidFinishLoad:(UIWebView *)webView {
//(图片大小排版问题解决!!!)
//方法1:
// _webView.scalesPageToFit = YES;
//方法2:
//拦截网页图片 并修改图片大小
[webView stringByEvaluatingJavaScriptFromString:
@"var script = document.createElement('script');"
"script.type = 'text/javascript';"
"script.text = \"function ResizeImages() { "
"var myimg,oldwidth;"
"var maxwidth=300;" //缩放系数
"for(i=0;i <document.images.length;i++){"
"myimg = document.images[i];"
"if(myimg.width > maxwidth){"
"oldwidth = myimg.width;"
"myimg.width = maxwidth;"
"myimg.height = myimg.height * (maxwidth/oldwidth) + 100;"
"}"
"}"
"}\";"
"document.getElementsByTagName('head')[0].appendChild(script);"];
[webView stringByEvaluatingJavaScriptFromString:@"ResizeImages();"];
}