iOS 加载

标签富文本文本

做一些项目的时候会加载一些网页累的文件，调取详情页的时候会加载<p>标签富文本内容显示，需要用到WKWebView加载显示，iOS已经禁用UIWebView的使用了。

一、引入web头文件库

#import "FileHtmlViewController.h"
//引入WebKit
#import <WebKit/WebKit.h>

@interface FileHtmlViewController ()<WKUIDelegate,WKNavigationDelegate>
@property (nonatomic,strong) WKWebView * webView; //声明

@end

二、上代码

#pragma mark - 第一种方法加载网页    测试百度  https://www.baidu.com/
-(void)createUI{
    _webView = [[WKWebView alloc] initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT)];
    [self.view addSubview:_webView];
    _webView.navigationDelegate = self; //实现代理
//   1、url打开
//    [_webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:[NSString stringWithFormat:@"%@",_urlstring]]]];
// iOS 中如何显示带HTML<p>标签的富文本  https://www.jianshu.com/p/8e5dc2279f59?from=singlemessage
    [_webView loadHTMLString:_urlstring baseURL:nil]; //iOS 中如何显示带HTML标签的富文本

}

[_webView loadHTMLString:_urlstring baseURL:nil];
_urlstring->这个是从上一个页面传过来的文本参数进行web加载显示

三、WKWebView，下面这段代码附加的，因为在加载url页面是显示空白，需要校验凭证，这句代码亲测有用，特此记录

#pragma mark - 需要响应身份验证时调用 同样在block中需要传入用户身份凭证
- (void)webView:(WKWebView *)webView didReceiveAuthenticationChallenge:(NSURLAuthenticationChallenge *)challenge completionHandler:(void (^)(NSURLSessionAuthChallengeDisposition, NSURLCredential * _Nullable))completionHandler {
    
    if ([challenge.protectionSpace.authenticationMethod isEqualToString:NSURLAuthenticationMethodServerTrust]) {
//        判断服务器采用的验证方法
        if (challenge.previousFailureCount == 0) {
//        如果没有错误的情况下 创建一个凭证，并使用证书
            NSURLCredential *credential = [NSURLCredential credentialForTrust:challenge.protectionSpace.serverTrust];
            completionHandler(NSURLSessionAuthChallengeUseCredential, credential);
        } else {
//        验证失败，取消本次验证
            completionHandler(NSURLSessionAuthChallengeUseCredential, nil);
        }
    } else {
        completionHandler(NSURLSessionAuthChallengeUseCredential, nil);
    }
}

四、WKWebView 展示HTML字体小的问题

#pragma mark - webView delegate
- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation{
#pragma mark -禁止用户选择
    [webView evaluateJavaScript:@"document.documentElement.style.webkitUserSelect='none';" completionHandler:nil];
    [webView evaluateJavaScript:@"document.activeElement.blur();" completionHandler:nil];
#pragma mark -适当增大字体大小  我设置的是300字体大小正好适应屏幕
    [webView evaluateJavaScript:@"document.getElementsByTagName('body')[0].style.webkitTextSizeAdjust= '300%'" completionHandler:nil];
}

示例1
示例2

其他的一些方法可以实现自定设定，我没搞，根据项目需求业务来，怎么简单怎么来吧！