您的位置:首页 > 移动开发 > IOS开发

iOS webView 加载HTML5获取加载后的高度

2017-11-02 13:59 323 查看
第一种
//html5 图片设置为屏幕宽
NSString *myStr = [NSString stringWithFormat:@"<head><style>img{max-width:%f !important;}</style></head>",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:@"<html> \n"
"<head> \n"
"<style type=\"text/css\"> \n"
"body {margin:18;font-size:45;color:0x666666}\n"
"</style> \n"
"</head> \n"
"<body>"
"<script type='text/javascript'>"
"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"
"}"
"</script>%@"
"</body>"
"</html>",_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;
//
//后面的代码
。。。。。。

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  webView