ios webview加载html5页面,iOS webView 加载HTML5获取加载后的高度

这篇博客介绍了两种方法实现HTML5图片在不同屏幕尺寸下自适应宽度并保持比例的方法。第一种方法通过JavaScript动态设置图片宽度为屏幕宽度,并计算高度;第二种方法在HTML中直接设置图片宽度为100%,并通过JavaScript调整图片高度。在 webViewDidFinishLoad 方法中获取HTML内容的宽高比,计算并设置了webview的高度。
摘要由CSDN通过智能技术生成

第一种

//html5 图片设置为屏幕宽

NSString *myStr = [NSString stringWithFormat:@"

",screenWidth];

NSString *str = [NSString stringWithFormat:@"%@%@",myStr,html5文本];

//

- (void)webViewDidFinishLoad:(UIWebView *)webView

{

//HTML5的高度

NSString *htmlHeight = [webView stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight"];

//HTML5的宽度

NSString *htmlWidth = [webView stringByEvaluatingJavaScriptFromString:@"document.body.scrollWidth"];

//宽高比

float i = [htmlWidth floatValue]/[htmlHeight floatValue];

//webview控件的最终高度

float height = screenWidth/i;

//后面的代码

。。。。。。

}

第二种

NSString *htmls = [NSString stringWithFormat:@" \n"

"

\n"

"

"body {margin:18;font-size:45;color:0x666666}\n"

" \n"

" \n"

"

"

"

"window.onload = function(){\n"

"var $img = document.getElementsByTagName('img');\n"

"for(var p in $img){\n"

" $img[p].style.width = '100%%';\n"

"$img[p].style.height ='auto'\n"

"}\n"

"}"

"%@"

""

"",_model.content];

[_webView loadHTMLString:htmls baseURL:nil];

- (void)webViewDidFinishLoad:(UIWebView *)webView{

NSString *htmlHeight = [webView stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight"];

NSString *htmlWidth = [webView stringByEvaluatingJavaScriptFromString:@"document.body.scrollWidth"];

float i = [htmlWidth floatValue]/[htmlHeight floatValue];

float height = screenWidth/i;

//

//后面的代码

。。。。。。

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值