1. UIWebView获得内容的高－作出自适应高的UIWebView
    - (void)webViewDidFinishLoad:(UIWebView *)webView
  2. {
  3. NSString *height_str= [webView stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"];
  4.     int height = [height_str intValue];
  5.     webView.frame = CGRectMake(,,,height);
  6.     NSLog(@"height: %@", [webView stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"]);
  7. }  
  1. IOS UIWebView截获html并修改便签内容,宽度自适应
  2. iosuiwebview宽度自适应
  3. 需求：混合应用UIWebView打开html后，UIWebView有左右滚动条，要去掉左右滚动效果；
  4. 方法：通过js截获UIWebView中的html，然后修改html标签内容；
  5. 实例代码：
  6. 服务器端html
  7. Java代码  收藏代码
  8. <html><head>
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  10. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  11. <title>网曝四川省一考场时钟慢半小时 老师称这就是命</title></head<body>网曝四川省一考场时钟慢半小时 老师称这就是命</body></html>  
  12.  
  13. 这样显示的结果网页的最小宽度会是device-width；但有时候不需要这个宽度，就需要修改width=device-width为width=myWidth;
  14. 客户端代码
  15. Java代码  收藏代码
  16. - (void)webViewDidFinishLoad:(UIWebView *)webView
  17. {
  18.     //修改服务器页面的meta的值
  19.     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];
  20.     [webView stringByEvaluatingJavaScriptFromString:meta];
  21. }  
  22.  
  23. 这样问题就可以解决了 
  24.  
  25. 新增代码： 
  26.  
  27. Java代码  收藏代码
  28. //给网页增加utf-8编码
  29.  [webView stringByEvaluatingJavaScriptFromString:
  30.  @"var tagHead =document.documentElement.firstChild;"
  31.   "var tagMeta = document.createElement(\"meta\");"
  32.   "tagMeta.setAttribute(\"http-equiv\", \"Content-Type\");"
  33.   "tagMeta.setAttribute(\"content\", \"text/html; charset=utf-8\");"
  34.   "var tagHeadAdd = tagHead.appendChild(tagMeta);"];  
  35.  
  36. Java代码  收藏代码
  37. //给网页增加css样式
  38.     [webView stringByEvaluatingJavaScriptFromString:
  39.      @"var tagHead =document.documentElement.firstChild;"
  40.      "var tagStyle = document.createElement(\"style\");"
  41.      "tagStyle.setAttribute(\"type\", \"text/css\");"
  42.      "tagStyle.appendChild(document.createTextNode(\"BODY{padding: 20pt 15pt}\"));"
  43.      "var tagHeadAdd = tagHead.appendChild(tagStyle);"];  
  44.  
  45. Java代码  收藏代码
  46. //拦截网页图片  并修改图片大小
  47. [webView stringByEvaluatingJavaScriptFromString:
  48.  @"var script = document.createElement('script');"
  49.  "script.type = 'text/javascript';"
  50.  "script.text = \"function ResizeImages() { "
  51.      "var myimg,oldwidth;"
  52.      "var maxwidth=380;" //缩放系数
  53.      "for(i=0;i <document.images.length;i++){"
  54.          "myimg = document.images[i];"
  55.          "if(myimg.width > maxwidth){"
  56.              "oldwidth = myimg.width;"
  57.              "myimg.width = maxwidth;"
  58.              "myimg.height = myimg.height * (maxwidth/oldwidth);"
  59.          "}"
  60.      "}"
  61.  "}\";"
  62.  "document.getElementsByTagName('head')[0].appendChild(script);"];   
  63.  
  64. [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. c/c++,输入一个字符 2014-11-20 07:00 30人阅读 评论(0) 收藏

    getch().getche()和getchar()函数     (1) getch()和getche()函数     这两个函数都是从键盘上读入一个字符.其调用格式为:      getch(); ...

  2. UVALive 3959 Rectangular Polygons （排序贪心）

    Rectangular Polygons 题目链接: http://acm.hust.edu.cn/vjudge/contest/129733#problem/G Description In thi ...

  3. HD1005Number Sequence

    Number Sequence Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others)Tota ...

  4. 安装php5.5

    安装php5.5 ./configure --prefix=/usr/local/php5.5.14/ --with-apxs2=/usr/local/apache2.2.27/bin/apxs -- ...

  5. http://docwiki.embarcadero.com/RADStudio/XE7/en/Delphi_Data_Types

    http://docwiki.embarcadero.com/RADStudio/XE7/en/Delphi_Data_Types

  6. installshield basic msi 更新时覆盖不了上一个版本文件解决方案1

    1.增加dll exe程序集的版本号 2.设置IS里文件的Set key file

  7. [读书笔记]ASP.NET的URL路由引擎

    作用 一般的URL: 举例:http://www.myapp.com/app.aspx?id=2&sessionid=29320xafafa02fa0zga0g8a0z 缺点: 不美观,不清晰 ...

  8. ENTBOOST 2014.180L 发布，开源企业IM免费企业即时通讯

    ENTBOOST,VERSION 2014.180 Linux版本发布,主要增加企业IM应用集成功能,完善安卓SDK功能及部分BUG修正: 7/1(明天)发布Windows版本,敬请关注! ENTBO ...

  9. PostgreSQL中的数组与Any

    建立表: CREATE TABLE sal_emp ( name text, pay_by_quarter integer[], schedule text[][] ); 插入数据: INSERT I ...

  10. Java常见排序算法之Shell排序

    在学习算法的过程中,我们难免会接触很多和排序相关的算法.总而言之,对于任何编程人员来说,基本的排序算法是必须要掌握的. 从今天开始,我们将要进行基本的排序算法的讲解.Are you ready?Let ...