ios图文详情加载html_iOS WKWebview 加载 html 遇到的一些问题总结

1.  加载方式

WKWebview 有三种方式可以加载html, 而你需要哪种,取决于html的存在方式.

1》如果html是通过服务器,以url的形式返回,则使用下面这种加载方式

NSURLRequest *request = [NSURLRequest requestWithURL:url];

[self.webView loadRequest:request];

补充: 如果加载url出现1002问题,需处理一下url的编码

[_urlString stringByAddingPercentEncodingWithAllowedCharacters:[NSCharacterSet characterSetWithCharactersInString:@"#%^{}\"[]|\\<> "].invertedSet];

2》如果html为本地文件

NSURL *fileURL = [[NSBundle mainBundle] URLForResource:@“test.html" withExtension:nil];

NSURLRequest *request = [NSURLRequest requestWithURL:fileURL];

[self.webView loadRequest:request];

3》 除了上面之外的第三种 ----如:带标签的字符串

[self.webView loadHTMLString:@"

Hello

" baseURL:nil];

2. 对加载内容进行缩放

1》先设置WKWebview的相关属性,如下;

_contentWebView.scalesPageToFit = YES;

_contentWebView.multipleTouchEnabled = YES;

_contentWebView.userInteractionEnabled = YES;

_contentWebView.scrollView.scrollEnabled = YES;

_contentWebView.contentMode = UIViewContentModeScaleAspectFit;

2》然后在加载完成的代理方法中注入js,设置放大缩小的最大/最小尺寸

NSString *jsMeta =[NSString stringWithFormat:@"var meta = document.createElement('meta');meta.content='width=device-width,initial-scale=2.0,minimum-scale=0.5,maximum-scale=3';meta.name='viewport';document.getElementsByTagName('head')[0].appendChild(meta);"];

[webView stringByEvaluatingJavaScriptFromString:jsMeta];

注意:  如果是使用loadHTMLString 方式加载的html,需要注意是否带有完整的html标签,如果只是body中的内容,需要在加载方法之前先对字符串进行拼接,如下

如果_webViewStr 中的内容为不带

的字符串,则需要拼接body 标签

3. WKWebview的手势与html的事件冲突(比如html的长按事件)

在webview加载完成(didFinishNavigation)中加入如下代码,将webview的选中事件禁掉。

[webView evaluateJavaScript:@"document.documentElement.style.webkitUserSelect='none'" co