ios UIWebView截获html并修改便签内容

最新推荐文章于 2019-07-03 07:20:33 发布

繁华落尽君辞去

最新推荐文章于 2019-07-03 07:20:33 发布

阅读量553

点赞数

分类专栏： iOS-笔记文章标签： UIWebView 去掉左右滚动

本文链接：https://blog.csdn.net/z7222946/article/details/44199379

版权

iOS-笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一、

需求：混合应用UIWebView打开html后，UIWebView有左右滚动条，要去掉左右滚动效果；
方法：通过js截获UIWebView中的html，然后修改html标签内容；
实例代码：
服务器端html

    <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;
客户端代码

 - (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];  
}

一般这样就可以正常显示了，如果不行，就需要修改initial-scale

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    NSString *bodyWidth= [webView stringByEvaluatingJavaScriptFromString: @"document.body.scrollWidth "];
    CGFloat initialScale = webView.frame.size.width/[bodyWidth intValue];
    //修改服务器页面的meta的值
    NSString *meta = [NSString stringWithFormat:@"document.getElementsByName(\"viewport\")[0].content = \"width=%f, initial-scale=%.1f, minimum-scale=0.1, maximum-scale=1.0, user-scalable=no\"", webView.frame.size.width,initialScale];
    [webView stringByEvaluatingJavaScriptFromString:meta];
}