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. LightOJ 13361336 - Sigma Function （找规律 + 唯一分解定理）

    http://lightoj.com/volume_showproblem.php?problem=1336 Sigma Function Time Limit:2000MS     Memory L ...

  2. 技术文集:万能WINDOWS XP封装

    这里将系统封装分为3步:做系统.封装.部署 一.做系统 平台不限,但不建议在虚拟机上制作.CPU及主板芯片没有限制,关于intelide和intelppm的不兼容问题,深度白金3in1并没有删除这些注 ...

  3. 巧解Tomcat中JVM内存溢出问题

    你对Tomcat 的JVM内存溢出问题的解决方法是否了解,这里和大家分享一下,相信本文介绍一定会让你有所收获. tomcat 的JVM内存溢出问题的解决 最近在熟悉一个开发了有几年的项目,需要把数据库 ...

  4. POJ2299Ultra-QuickSort （线段树和归并排序的解法）

    题目大意就是说帮你给一些(n个)乱序的数,让你求冒泡排序需要交换数的次数(n<=500000) 此题最初真不会做,我也只是在听了章爷的讲解后才慢慢明白过来的 首先介绍线段树的解法: 我们先将原数 ...

  5. HDU 5706 GirlCat (DFS，暴力)

    题意:给定一个n*m的矩阵,然后问你里面存在“girl”和“cat”的数量. 析:很简单么,就是普通搜索DFS,很少量.只要每一个字符对上就好,否则就结束. 代码如下: #include <cs ...

  6. ASP.NET中使用 Response.Write("<script>alert('****');</script>");后CSS界面发生变化的解决方法 （经验证）

    在后台使用Response.Write("<script>alert('Hello World');</script>);弹出alert窗口后发现网页的界面和原来CS ...

  7. Cipher Message

    http://acm.hust.edu.cn/vjudge/contest/view.action?cid=34121#problem/C // File Name: c.cpp // Author: ...

  8. STL容器set()--->自定义数据类型

    set容器中不能插入重复的元素,需要其插入的元素有比较大小(<).相等(==) 的逻辑判断,这是因为set中的元素是有序排列, 默认从小到大排列 std::set<type,std::le ...

  9. 浅谈Oracle函数返回Table集合

    在调用Oracle函数时为了让PL/SQL 函数返回数据的多个行,必须通过返回一个 REF CURSOR 或一个数据集合来完成.REF CURSOR 的这种情况局限于可以从查询中选择的数据,而整个集合 ...

  10. C# 绘制统计图(柱状图, 折线图, 扇形图)

    统计图形种类繁多, 有柱状图, 折线图, 扇形图等等, 而统计图形的绘制方法也有很多, 有Flash制作的统计图形, 有水晶报表生成统计图形, 有专门制图软件制作, 也有编程语言自己制作的:这里我们用 ...