加载一个本地html网页，网页里图片也是本地的图片

最新推荐文章于 2026-08-02 11:53:48 发布

原创最新推荐文章于 2026-08-02 11:53:48 发布 · 1.5k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

iOS

项目中遇到需求，需要在应用内加载一个包含本地图片的HTML页面。通过UIWebView的loadHTMLString:baseURL:方法可以实现，但加载后图片过大，设置scalesPageToFit后虽然图片缩放，但导致文字尺寸变小。解决办法是在代理方法中调整网页内文字的属性。

项目需求需要加载一个本地html页面，但是页面里图片需要取本地路径图片，可以用UIWebView里

- (void)loadHTMLString:(NSString *)string baseURL:(NSURL *)baseURL;这个方法加载

NSString *path = [[NSBundle mainBundle] pathForResource:@"gugong.html" ofType:nil];
    
NSString *imagePath = [[NSBundle mainBundle] pathForResource:@"gugong.png" ofType:nil];
    
NSStringEncoding gb18030 = CFStringConvertEncodingToNSStringEncoding(kCFStringEncodingGB_18030_2000);
NSString *htmlstring=[[NSString alloc] initWithContentsOfFile:path  encoding:gb18030 error:nil];
    
[_placeDetailsWebView loadHTMLString:htmlstring baseURL:[NSURL URLWithString:imagePath]];

完成后运行发现图片非常大，设置scalesPageToFit后，图片缩小，但是网页内容字号变得非常小，可以在代理里设置网页上的字的属性。

- (void)webViewDidFinishLoad:(UIWebView *)webView
{
    //字体大小
    [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust= '270%'"];
    //字体颜色
    [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.webkitTextFillColor= 'black'"];
    //页面背景色
    [webView stringByEvaluatingJavaScriptFromString:@"document.getElementsByTagName('body')[0].style.background='#dbdbdb'"];
}