在hb中html怎么插图片,WKWebView加载HTML文本(图片自适应)

这篇博客主要介绍了如何在iOS应用中使用WKWebView加载HTML字符串,并在页面加载完成后异步计算网页的高度。通过设置WKWebView的用户脚本和观察contentSize变化,实现了适配不同屏幕尺寸的需求。
摘要由CSDN通过智能技术生成

NSString * htmlsTr = @"哦吧你不会比谁都不休的白色修身

才能完呢冲破恩微博撇那狗骗你我饿够了呢比你耳边n伪军抹去你问邪恶

\"Gravatar\"

热敷已成为8哦鳄鱼从背后有我饿

\"Gravatar\"

\"File\"去年细纹卡马乔全部下次去把握和刺猬比欧巴

";

NSString * urlStr1 = [NSString stringWithFormat:@"

%@",htmlsTr];

[self.webView loadHTMLString:urlStr1 baseURL:nil];

计算高度注意这里是异步的

//页面加载完成之后调用

- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {

[webView evaluateJavaScript:@"document.body.offsetHeight;" completionHandler:^(id _Nullable any, NSError * _Nullable error) {

NSString *heightStr = [NSString stringWithFormat:@"%@",any];

NSLog(@"--高度--%@",heightStr);

}];

}

-(WKWebView *)webView

{

if (!_webView) {

NSString *jScript = @"var meta = document.createElement('meta'); meta.setAttribute('name', 'viewport'); meta.setAttribute('content', 'width=device-width'); document.getElementsByTagName('head')[0].appendChild(meta);";

WKUserScript *wkUScript = [[WKUserScript alloc] initWithSource:jScript injectionTime:WKUserScriptInjectionTimeAtDocumentEnd forMainFrameOnly:YES];

WKUserContentController *wkUController = [[WKUserContentController alloc] init];

[wkUController addUserScript:wkUScript];

WKWebViewConfiguration *wkWebConfig = [[WKWebViewConfiguration alloc] init];

wkWebConfig.userContentController = wkUController;

_webView = [[WKWebView alloc] initWithFrame:CGRectZero configuration:wkWebConfig];

_webView.navigationDelegate = self;

_webView.scrollView.bounces = NO;

_webView.scrollView.alwaysBounceVertical = NO;

_webView.scrollView.scrollEnabled = NO;

// [_webView loadHTMLString: baseURL:]

// [_webView.scrollView addObserver:self forKeyPath:@"contentSize" options:NSKeyValueObservingOptionNew context:nil]; 监听contentsize 变化

[self.bottomView addSubview:_webView];

}

return _webView;

}

效果图

ab16cf57f1e7

image.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值