UIWebView获得内容的高－作出自适应高的UIWebView
- (void)webViewDidFinishLoad:(UIWebView *)webView

{

NSString *height_str= [webView stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"];

    int height = [height_str intValue];

    webView.frame = CGRectMake(,,,height);

    NSLog(@"height: %@", [webView stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"]);

}  
IOS UIWebView截获html并修改便签内容,宽度自适应

iosuiwebview宽度自适应

需求：混合应用UIWebView打开html后，UIWebView有左右滚动条，要去掉左右滚动效果；

方法：通过js截获UIWebView中的html，然后修改html标签内容；

实例代码：

服务器端html

Java代码  收藏代码

<html><head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

<title>网曝四川省一考场时钟慢半小时 老师称这就是命</title></head<body>网曝四川省一考场时钟慢半小时 老师称这就是命</body></html>  

这样显示的结果网页的最小宽度会是device-width；但有时候不需要这个宽度，就需要修改width=device-width为width=myWidth;

客户端代码

Java代码  收藏代码

- (void)webViewDidFinishLoad:(UIWebView *)webView

{

    //修改服务器页面的meta的值

    NSString *meta = [NSString stringWithFormat:@"document.getElementsByName(\"viewport\")[0].content = \"width=%f, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no\"", webView.frame.size.width];

    [webView stringByEvaluatingJavaScriptFromString:meta];

}  

这样问题就可以解决了 

新增代码： 

Java代码  收藏代码

//给网页增加utf-8编码

 [webView stringByEvaluatingJavaScriptFromString:

 @"var tagHead =document.documentElement.firstChild;"

  "var tagMeta = document.createElement(\"meta\");"

  "tagMeta.setAttribute(\"http-equiv\", \"Content-Type\");"

  "tagMeta.setAttribute(\"content\", \"text/html; charset=utf-8\");"

  "var tagHeadAdd = tagHead.appendChild(tagMeta);"];  

Java代码  收藏代码

//给网页增加css样式

    [webView stringByEvaluatingJavaScriptFromString:

     @"var tagHead =document.documentElement.firstChild;"

     "var tagStyle = document.createElement(\"style\");"

     "tagStyle.setAttribute(\"type\", \"text/css\");"

     "tagStyle.appendChild(document.createTextNode(\"BODY{padding: 20pt 15pt}\"));"

     "var tagHeadAdd = tagHead.appendChild(tagStyle);"];  

Java代码  收藏代码

//拦截网页图片  并修改图片大小

[webView stringByEvaluatingJavaScriptFromString:

 @"var script = document.createElement('script');"

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

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

     "var myimg,oldwidth;"

     "var maxwidth=380;" //缩放系数

     "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);"

         "}"

     "}"

 "}\";"

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

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

UIWebView获得内容的高 高度自适应 宽度自适应的更多相关文章

  1. CSS实现高度和宽度自适应

    其实用绝对定位也可以实现高度和宽度的自适应,从而出现自适应大小的区域及滚动条. <%@ Page Language="C#" AutoEventWireup="tr ...

  2. 【接上一篇】winform中dataGridView高度和宽度自适应填充完数据的高度和宽度，即dataGridView根据数据自适应大小

    上一篇:winform中dataGridView高度自适应填充完数据的高度 winform中dataGridView高度自适应填充完数据的高度,就是dataGridView自身不产生滚动条,自己的高度 ...

  3. UIWebView获得内容的高－作出自适应高的UIWebView

    http://blog.csdn.net/matrixhero/article/details/8443972 - (void)webViewDidFinishLoad:(UIWebView *)we ...

  4. [frontend] 根据文字长度 自适应宽度 自适应高度+ Uncaught ReferenceError: xxx is not defined at HTMLDivElement.onclick

    CSS一行代码就可以解决第一个问题: 1.1 根据文字长度,自适应标签宽度 解决方法:把width的设置删掉,加一行代码 display:table; .tag-footdetail{  /*widt ...

  5. 相册 垂直居中; 水平居中. 1)宽度 大于高度, 宽度 100%; 2) 高度 大于 宽度 , 高度100%; getimagesize , list --->line-height , text-align, vertical-align, max-height, max-width

    一: 效果: 1) 黑色 部分是 相框. 2) 图片 要实现 水平居中, 垂直居中 3) 如果 宽度 大于 高度 ,那么 宽度 100% ,如图1 , 高度 自适应 ,同时不能超过黑色相框的 高度 ; ...

  6. jquery库实现iframe自适应内容高度和宽度

    javascript原生和jquery库实现iframe自适应内容高度和宽度---推荐使用jQuery的代码! ‍<iframe src="index.php" id=&qu ...

  7. iframe高度宽度自适应（转）

    http://www.cnblogs.com/snandy/p/3900016.html 跨子域的iframe高度自适应 完全跨域的iframe高度自适应 同域的我们可以轻松的做到 1. 父页面通过i ...

  8. 【笔记】css 实现宽度自适应屏幕 高度自适应宽度

    如果说宽高自适应屏幕尺寸那么大家可能会想到 div{ width: 100%; height: 100% } 但是如果我要自适应屏幕尺寸的同时还要变成正方形呢?(高度和宽度相等而高度不能写死) 那就要 ...

  9. ECharts 高度宽度自适应（转载）

    最近在写一个地图类的应用,用的是echarts的图表,然而一上来就一脸懵逼,如果父级容器的height/width属性设置为百分比的形式,那么echarts就会warning,且不能正常的生成图表.所 ...

随机推荐

  1. Hadoop学习笔记(1)

    Hadoop是什么?先问一下百度吧: [百度百科]一个分布式系统基础架构,由Apache基金会所开发.用户可以在不了解分布式底层细节的情况下,开发分布式程序.充分利用集群的威力进行高速运算和存储. H ...

  2. ucenter同步登陆机制

    有个ucenter可以用来实现多个站点同时登陆同时退出,用户同步的功能. 首先站点都要引入一个uc_client这样一个客户端,以登陆为例,登陆时首先会调用一个外部函数,uc_client/clien ...

  3. spring中文乱码过滤器

    中文乱码过滤器 在您通过表单向服务器提交数据时,一个经典的问题就是中文乱码问题.虽然我们所有的 JSP 文件和页面编码格式都采用 UTF-8,但这个问题还是会出现.解决的办法很简单,我们只需要在 we ...

  4. Jsch

    JSch is a pure Java implementation of SSH2. JSch allows you to connect to an sshd server and use por ...

  5. 如何为C语言添加一个对象系统

    为C语言添加OO能力的尝试从上世纪70年代到现在一直没有停止过,除了大获成的C++/Objective-C以外,还有很多其它的成功案例,比如GTK在libg中实现了一个对象系统,还有前几年一个OOC, ...

  6. C++开发必看 四种强制类型转换的总结 [转]

    一.C风格的强制类型转换(Type Cast)很简单,不管什么类型的转换统统是:     TYPE b = (TYPE)a 二.C++风格的类型转换提供了4种类型转换操作符来应对不同场合的应用. co ...

  7. Windows性能计数器2

    判断瓶颈 Ø 判断应用程序的问题 如果系统由于应用程序代码效率低下或者系统结构设计有缺陷而导致大量的上下文切换(context switches/sec显示的上下文切换次数太高)那么就会占用大量的系统 ...

  8. jQuery.FlexiGrid使用总结

    经过对FlexiGrid的大量使用,及时不时琢磨下其代码,对她的脾性有了一定的了解,是该做总结的时候了. 一.FlexiGrid下载 1.原版代码 最近Paulo P. Marinas对FlexiGr ...

  9. Codeforces Beta Round #13 E. Holes 分块暴力

    E. Holes Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/13/problem/E Des ...

  10. 实现顶部轮播，下部listview经典布局的两种方式

    开头: 在做android开发的时候,我们经常会遇到这样的布局,上面是一个图片轮播图,下面是一些列表的项目.很多新闻app,视频类app都采用这样的布局.起初的时候 由于没有很多参考,我自己想到了一种 ...