iOS _WKWebView(ios8 以上)使用及h5内部跳转

前言：H5 漂亮妹子给了个H5链接，需要老衲这边接入，使用什么呢，app支持的是iOS8 以上，当然使用WKWebView啦，方便速度又快。为了显得高端一点，当然需要给一个加载网页的进度条，再加个H5内部页面跳转。

//导航栏设置一个h5返回按钮和pop按钮
UIImage *backImage = [[UIImage imageNamed:@"back"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
UIBarButtonItem *backItem = [[UIBarButtonItem alloc]initWithImage:backImage  style:UIBarButtonItemStylePlain target:self action:@selector(personBack)];
UIBarButtonItem *closeItem = [[UIBarButtonItem alloc]initWithTitle:@"关闭" style:UIBarButtonItemStylePlain target:self action:@selector(personClose)];
[closeItem setTitleTextAttributes:@{NSForegroundColorAttributeName:[UIColor whiteColor]} forState:UIControlStateNormal];
self.navigationItem.leftBarButtonItems = @[backItem,closeItem];
//WKWebView
 _person_webView = [[WKWebView alloc]initWithFrame:CGRectMake(0, 0, LHQSCREEN_W, LHQSCREEN_H-LHQTopHeight-LHQXHeight)];
 _person_webView.scrollView.showsVerticalScrollIndicator = NO;
_person_webView.scrollView.showsHorizontalScrollIndicator = NO;
 _person_webView.navigationDelegate = self;//WKNavigationDelegate
[self.view addSubview:_person_webView];
  //进度条
_progressView = [[UIProgressView alloc]initWithFrame:CGRectMake(0, 0, LHQSCREEN_W, 2)];
_progressView.trackTintColor = [UIColor whiteColor];
[self.view addSubview:_progressView];
 //KVO监听estimatedProgress属性值变化
[_person_webView addObserver:self forKeyPath:@"estimatedProgress" options:NSKeyValueObservingOptionNew context:nil];
//链接请求
NSString *isLink = [NSString stringWithFormat:@"www.baidu.com"];
NSURLRequest *urlRequest = [[NSURLRequest alloc]initWithURL:[NSURL URLWithString:isLink]];
[_person_webView loadRequest:urlRequest];

返回按钮点击触发

#pragma mark -- WKNavigationDelegate
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler
{
    DLog(@"1");
    NSString *url = navigationAction.request.URL.absoluteString;
    if(![url isEqualToString:link]) {
        // 页面跳转
    }
    decisionHandler(WKNavigationActionPolicyAllow);//实现H5页面返回
}

#pragma mark -- kvo
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context
{
    if ([keyPath isEqualToString:@"estimatedProgress"]) {
        
        self.progressView.progress = self.person_webView.estimatedProgress;
        // 加载完成
        if (self.person_webView.estimatedProgress  >= 1.0f ) {
            
            [UIView animateWithDuration:0.25f animations:^{
                self.progressView.alpha = 0.0f;
                self.progressView.progress = 0.0f;
            }];
            
        }else{
            self.progressView.alpha = 1.0f;
        }
    }
}

//导航栏返回和关闭按钮点击

#pragma mark -- back and close
-(void)personBack
{
    [_person_webView goBack];
}

-(void)personClose
{
    [self.navigationController popViewControllerAnimated:YES];
}

简单完成 ... 略略略

附：
1.今天遇到一个问题就是webKit 内嵌的H5 ，无法添加图片上传
问题在哪呢？
参考文章：https://www.cnblogs.com/jiajin/p/6077160.html

- (void)viewWillAppear:(BOOL)animated
{
    NSURLRequest *urlRequest = [[NSURLRequest alloc]initWithURL:[NSURL       URLWithString:isLink]];
    [_person_webView loadRequest:urlRequest];
}

//不能把 load 放在 viewWillAppear方法中

应当放在ViewDIdLoad ，这样就没得问题了

- (void)viewDidLoad
{
    NSURLRequest *urlRequest = [[NSURLRequest alloc]initWithURL:[NSURL         URLWithString:isLink]];
    [_person_webView loadRequest:urlRequest];
}

iOS _WKWebView(ios8 以上)使用及h5内部跳转

推荐阅读更多精彩内容