iOS 让HTML网页内容和图片自适应UIWebView的宽度

最新推荐文章于 2021-09-13 17:59:57 发布

yaoliangjun306

最新推荐文章于 2021-09-13 17:59:57 发布

阅读量2.1k

点赞数

分类专栏： iOS

本文链接：https://blog.csdn.net/yaoliangjun306/article/details/77881885

版权

iOS 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

方法1:

    // UIWebView
    _webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 15, SCREEN_WIDTH, SCREEN_HEIGHT - NAVBAR_HEIGHT - 15)];
    _webView.backgroundColor = viewAndTableViewBackgroundColor;
    _webView.delegate = self;
    _webView.opaque = NO; // 去除底部黑块
    _webView.scrollView.showsHorizontalScrollIndicator = NO;

    /**
     * _infoModel.content就是后台返回的带有html标签的字符串
     * " $img[p].style.width = '100%%';\n"--->就是设置图片的宽度的
     * 100%代表正好为屏幕的宽度
     */
    NSString *htmlString = [NSString stringWithFormat:@"<html> \n"
                            "<head> \n"
                            "<style type=\"text/css\"> \n"
                            "body {font-size:15px;}\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>", _infoModel.content];

    [_webView loadHTMLString:htmlString baseURL:nil];
    [self.view addSubview:_webView];

方法2：

//UIWebViewDelegate  
- (void)webViewDidFinishLoad:(UIWebView *)webView {  
    /*  
      code 
     */  
    //修改页面的meta的值  
    if (SVPWebViewTypeActivity_Narrow == self.webViewType){  
        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];  
    }  
}

// 补充：在代理方法里修改UIWebView字体颜色

- (void)webViewDidFinishLoad:(UIWebView *)webView
{    
    [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.webkitTextFillColor= 'white'"];
}