iOS UIWebView 图片大小调整

在 uiwebView的didfini     中执行函数

#pragma mark 拦截并修改图片大小

- (void)modifyImageToFitScreen:(UIWebView *)webView

{

    [webView stringByEvaluatingJavaScriptFromString:@"var script = document.createElement('script');"

     "script.type = 'text/javascript';"

     "script.text = \"function ResizeImages() { "

     "var myimg,oldwidth;"

     "var maxwidth= document.body.offsetWidth;"

     "for(i=0;i <document.images.length;i++){"

     "myimg = document.images[i];"

      "if(myimg.width > maxwidth){"

      "oldwidth = myimg.width;"

      "myimg.width = maxwidth;"

      "}"

      "}"

      "}\";"

      "document.getElementsByTagName('head')[0].appendChild(script);"];

    [webView stringByEvaluatingJavaScriptFromString:@"ResizeImages();"];

}

这个在网上找到了很多代码 但是调整都不是很对  主要是因为

当调整宽度之后 高度js会自定按比例计算图片的新的高度不用再去计算了 否者就是二次按比例缩放

Javascript:

 

 网页可见区域宽： document.body.clientWidth

 网页可见区域高： document.body.clientHeight

 网页可见区域宽： document.body.offsetWidth (包括边线的宽)

 网页可见区域高： document.body.offsetHeight (包括边线的高)

 网页正文全文宽： document.body.scrollWidth

 网页正文全文高： document.body.scrollHeight

 网页被卷去的高： document.body.scrollTop

 网页被卷去的左： document.body.scrollLeft

 网页正文部分上： window.screenTop

 网页正文部分左： window.screenLeft

 屏幕分辨率的高： window.screen.height

 屏幕分辨率的宽： window.screen.width

 屏幕可用工作区高度： window.screen.availHeight

 屏幕可用工作区宽度： window.screen.availWidth

 

这是搜集的资料   保留已做记录   后续有需要直接可以拿过来  

最后附上主要的参考资料 出处：http://zxs19861202.iteye.com/blog/1853102