用 webView 加载 html 字符串代码来显示图片

最新推荐文章于 2024-04-16 01:37:50 发布

CG-L

最新推荐文章于 2024-04-16 01:37:50 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：实用知识代码工具工作总结

本文链接：https://blog.youkuaiyun.com/CG_Lueng/article/details/52260263

实用知识同时被 3 个专栏收录

52 篇文章

订阅专栏

代码工具

29 篇文章

订阅专栏

工作总结

7 篇文章

订阅专栏

本文介绍如何在iOS应用中使用UIWebView加载HTML字符串，并实现加载图片的完整路径设置及屏幕自适应的方法。通过替换字符串的方式添加HTTP前缀来确保图片路径的有效性，同时利用JavaScript调整视口宽度，使得加载的内容能够适配不同尺寸的屏幕。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

核心代码句：

[self.webView loadHTMLString:[NSString stringWithFormat:@"<此处填写要加载的路径或者地址>"] baseURL:nil];

给 html 字符串代码添加字符，可以用替换的思想进行添加

//此 html 代码中原有的语句是：“/images/upload/Image/asdfasfdasdfpic.jpg”，我们要加上“http://www.baidu.com”前缀，则可以用替换字符串的思想进行添加，替换后的字符串是“http://www.baidu.com/images/upload/Image/asdfasfdasdfpic.jpg”，就成了一个完整的语句了。

contentPath = [contentPath stringByReplacingOccurrencesOfString:@"/images" withString:@"http://www.baidu.com/images"];

让加载出来的图片屏幕自适应：调用 webView 的代理方法，在代理方法中添加下面的代码，就可以做到屏幕自适应了。

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    //将加载出来的图片自动适配屏幕
    NSString *js_fit_code = [NSString stringWithFormat:@"var meta = document.createElement('meta');"
                             "meta.name = 'viewport';"
                             "meta.content = 'width=device-width';"
                             "document.getElementsByTagName('head')[0].appendChild(meta);"
                             ];
    [webView stringByEvaluatingJavaScriptFromString:js_fit_code];

}