iOS修改UIWebView中的图片大小

来源：互联网发布：office办公软件编辑：程序博客网时间：2024/05/19 02:22

1.使用css进行图片的自适应

在web前端，也就是HTML中，如果只设置图片的宽度，那么高度会根据图片原本尺寸进行缩放。
如果后台返回的HTML代码中，不包含<head>标签，则可以直接在HTML字符串前加上一下面的代码（如果包含<head>，则在<head>标签内部添加）。代码含义是，不管用户以前设置的图片尺寸是多大，都缩放到宽度为320px大小。

<style>img{width:100% !important;}</style>

2.使用js进行图片的自适应

在webview的代理中，执行js代码。(下面这段代码是必须有<head>标签的)
如果没有<head>标签，也很简单，只需要给返回的HTML字符串前面拼接一个<head></head>即可。

- (void)webViewDidFinishLoad:(UIWebView *)webView {    [webView stringByEvaluatingJavaScriptFromString:     @"var script = document.createElement('script');"     "script.type = 'text/javascript';"     "script.text = \"function ResizeImages() { "         "var myimg,oldwidth,oldheight;"         "var maxwidth=320;"// 图片宽度         "for(i=0;i  maxwidth){"                 "myimg.width = maxwidth;"             "}"         "}"     "}\";"     "document.getElementsByTagName('head')[0].appendChild(script);"];    [webView stringByEvaluatingJavaScriptFromString:@"ResizeImages();"];}

0 0