WKWebView的应用

WKWebView的应用
1.初始化wkweb
- - 初始化
  - 协议遵守
2.设置监听
- - 监听标题
  - 监听进度条
3.wkweb调用原生弹框
4.js注入
- - 对于交互的js注入
  - 对于需要改变值的js,例如登陆的js需要在登陆后改变js的值的注入方法
5自定义userAgent
- - 首先在AppDelegate文件中获取系统UA并进行记录
  - 重写UA,并将原来的拼在后面进行更新
  - 在需要更新的地方调用进行UA更新

WKWebView的应用

在ios12.2后UIWebView系统不在给予支持了,要求更新wkwebview,12.2后

WKWebView的应用WKWebView的应用1.初始化wkweb2.设置监听3.wkweb调用原生弹框4.js注入5自定义userAgent

而且在12.0后一些网页视频不能播放了,找了很久原因也没有找到,最终的解决方法就是把UIwebView换成WkwebView解决视频播放问题,今天就将自己在集成的时候遇到的问题和迁移方法进行提供,供大家参考.

对于系统在11.0到11.3之间,网页打开地图闪退,在viewDidLoad添加以下代码解决

//解决在11.0到11.3之间的系统打开地图闪退问题
if (iOS_SYSTEM >= 11.0 && iOS_SYSTEM <= 11.3) {
        setenv("JSC_useJIT", "false", 0);
    }

1.初始化wkweb

初始化

#import <WebKit/WebKit.h>
WKWebView *cq_newWkWeb (void) {
    
    WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];
    configuration.allowsAirPlayForMediaPlayback = YES;//是否运行airplay自动播放媒体功能
    configuration.allowsInlineMediaPlayback = YES;// 是使用h5的视频播放器在线播放, 还是使用原生播放器全屏播放
    configuration.selectionGranularity = WKSelectionGranularityCharacter;//解决WKWebView的内存泄露
    configuration.dataDetectorTypes = UIDataDetectorTypePhoneNumber;
    configuration.suppressesIncrementalRendering = YES;
    configuration.processPool = [[WKProcessPool alloc] init];
    
    NSString *version= [UIDevice currentDevice].systemVersion;
    if(version.doubleValue >= 10.0) {
        // 该属性只支持10+系统
        configuration.dataDetectorTypes = WKDataDetectorTypePhoneNumber;
        configuration.mediaTypesRequiringUserActionForPlayback = WKAudiovisualMediaTypeNone;//允许网页自动播放视频和自动播放音频
    }else if (version.doubleValue <= 10.0 && version.doubleValue >=9.0){
        configuration.requiresUserActionForMediaPlayback = YES;//允许网页自动播放视频和自动播放音频
    }
    
    // 创建设置对象
    WKPreferences *preference = [[WKPreferences alloc]init];
    //最小字体大小 当将javaScriptEnabled属性设置为NO时，可以看到明显的效果
    preference.minimumFontSize = 0;
    //设置是否支持javaScript 默认是支持的
    preference.javaScriptEnabled = YES;
    // 在iOS上默认为NO，表示是否允许不经过用户交互由javaScript自动打开窗口
    preference.javaScriptCanOpenWindowsAutomatically = YES;
    configuration.preferences = preference;
    
    //设置是否允许画中画技术 在特定设备上有效
    configuration.allowsPictureInPictureMediaPlayback = YES;

    
    WKUserContentController *userContentController = [[WKUserContentController alloc] init];
    configuration.userContentController = userContentController;
    
    WKWebView *web = [[WKWebView alloc] initWithFrame:CGRectZero configuration:configuration];
    web.userInteractionEnabled = YES;
    web.multipleTouchEnabled = true;
    web.backgroundColor = [UIColor whiteColor];
    web.opaque = NO;
//    web.scalesPageToFit = true;
    
    return web;
}

- (WKWebView *)baseWebView {
    if (!_baseWebView) {
        _baseWebView = cq_newWkWeb();
        _baseWebView.UIDelegate = self;
        _baseWebView.navigationDelegate = self;
        [_baseWebView addObserver:self forKeyPath:@"title" options:NSKeyValueObservingOptionNew context:nil];
        [_baseWebView addObserver:self forKeyPath:@"estimatedProgress" options:NSKeyValueObservingOptionNew context:nil];
        [self.view addSubview:_baseWebView];
    }
    return _baseWebView;
}

协议遵守

WKNavigationDelegate, WKUIDelegate,

#pragma mark - WKNavigationDelegate
/* 页面开始加载 */
- (void)webView:(WKWebView *)webView didStartProvisionalNavigation:(WKNavigation *)navigation{
}
/* 开始返回内容 */
- (void)webView:(WKWebView *)webView didCommitNavigation:(WKNavigation *)navigation{
     
}
/* 页面加载完成 */
- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation{
     
}
/* 页面加载失败 */
- (void)webView:(WKWebView *)webView didFailProvisionalNavigation:(WKNavigation *)navigation{
     
}
/* 在发送请求之前，决定是否跳转 */
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler{
    //允许跳转
    decisionHandler(WKNavigationActionPolicyAllow);
    //不允许跳转
    //decisionHandler(WKNavigationActionPolicyCancel);
}
/* 在收到响应后，决定是否跳转 */
- (void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void (^)(WKNavigationResponsePolicy))decisionHandler{
     
    NSLog(@"%@",navigationResponse.response.URL.absoluteString);
    //允许跳转
    decisionHandler(WKNavigationResponsePolicyAllow);
    //不允许跳转
    //decisionHandler(WKNavigationResponsePolicyCancel);
}

2.设置监听

监听标题

[_baseWebView addObserver:self forKeyPath:@"title" options:NSKeyValueObservingOptionNew context:nil];

监听进度条

[_baseWebView addObserver:self forKeyPath:@"estimatedProgress" options:NSKeyValueObservingOptionNew context:nil];

监听处理
#pragma mark kov
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context {
    if([keyPath isEqualToString:@"title"]) {
        NSString *n_new = [change dicStringForKey:@"new"];
        [self setJs_Title:n_new];
    } else if ([keyPath isEqualToString:@"estimatedProgress"]) {
        self.webProgress.progress = self.baseWebView.estimatedProgress;
        if (self.webProgress.progress == 1) {
            __weak typeof (self)weakSelf = self;
            [UIView animateWithDuration:0.25f delay:0.1f options:UIViewAnimationOptionCurveEaseOut animations:^{
                weakSelf.webProgress.transform = CGAffineTransformMakeScale(1.0f, 1.2f);
            } completion:^(BOOL finished) {
                weakSelf.webProgress.hidden = YES;
            }];
        }
    }
}

3.wkweb调用原生弹框

- (void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler {
    UIAlertAction *alertActionCancel = [UIAlertAction actionWithTitle:@"Cancel" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {
        // 返回用户选择的信息
        completionHandler();
    }];
    UIAlertAction *alertActionOK = [UIAlertAction actionWithTitle:@"OK" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
        completionHandler();
    }];
    // alert弹出框
    
    UIAlertController *alterVC =[UIAlertController alertControllerWithTitle:message message:nil preferredStyle:UIAlertControllerStyleAlert];
    [alterVC addAction:alertActionCancel];
    [alterVC addAction:alertActionOK];
    [self presentViewController:alterVC animated:YES completion:nil];
}

4.js注入

对于交互的js注入

//注册所有js
    NSString *filePath = [[NSBundle mainBundle] pathForResource:@"AppJsObj" ofType:@"js"];
    NSString *js = [NSString stringWithContentsOfFile:filePath encoding:NSUTF8StringEncoding error:nil];
    
    WKUserScript *jsFile = [[WKUserScript alloc] initWithSource:js injectionTime:WKUserScriptInjectionTimeAtDocumentStart forMainFrameOnly:true];
    [self.configuration.userContentController addUserScript:jsFile];

对于需要改变值的js,例如登陆的js需要在登陆后改变js的值的注入方法

//注册用户信息js方法
    NSString *jsFunc = [NSString stringWithFormat:@"var New_AppJsObj = {function() {var userinfo;}, getUserInfo: function(){return userinfo},setUserInfo: function(user){userinfo = user},getNetworkType: function(){return '%@'}}",@([CQNetworkManager status])];
    WKUserScript *jsFileUserInfo = [[WKUserScript alloc] initWithSource:jsFunc injectionTime:WKUserScriptInjectionTimeAtDocumentStart forMainFrameOnly:true];
    [self.configuration.userContentController addUserScript:jsFileUserInfo];
    
   更新注入
    NSString *par = [[CQUser getUserInfo] getSessionToken];
NSString *js = [NSString stringWithFormat:@"New_AppJsObj.setUserInfo('%@')",par];
[self evaluateJavaScript:js completionHandler:^(id _Nullable data, NSError * _Nullable error) {
    if (!error) {
        NSLog(@"更新用户信息成功");
    }
}];
[self evaluateJavaScript:@"New_AppJsObj.getUserInfo()" completionHandler:^(id _Nullable data, NSError * _Nullable error) {
    NSLog(@"用户信息：。。%@",data);
}];


使用下面这个代理进行js拦截处理

- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler {
    NSString *absoluteString = navigationAction.request.URL.absoluteString;
    NSLog(@"%@",absoluteString);
    
     NSString *hostString = navigationAction.request.URL.host;
    if ([hostString containsString:@"itunes.apple.com"]) {//跳转appstore
        if ([[UIApplication sharedApplication] canOpenURL:[NSURL URLWithString:absoluteString]]) {
            [[UIApplication sharedApplication] openURL:[NSURL URLWithString:absoluteString]];
             decisionHandler(WKNavigationActionPolicyCancel);
            return;
        }
    }
    NSString *scheme = navigationAction.request.URL.scheme;
    if ([scheme isEqualToString:@"tel"]) {
        NSString *absoluteString = navigationAction.request.URL.absoluteString;
        NSString *telNo = [absoluteString componentsSeparatedByString:@":"].lastObject;
        if (!CQ_stringIsEmpty(telNo)) {
            [Utils callPhone:telNo];
            decisionHandler(WKNavigationActionPolicyCancel);
            return;
        }
    }
    
    if (![webView decidePolicyForNavigationAction:navigationAction decisionHandler:decisionHandler]) {
         decisionHandler(WKNavigationActionPolicyCancel);
        return ;
    }
    if (![self decidePolicyForNavigationAction:navigationAction decisionHandler:decisionHandler]) {
        decisionHandler(WKNavigationActionPolicyCancel);
        return ;
    }
    
    //如果是跳转一个新页面
    if (navigationAction.targetFrame == nil) {
        [webView loadRequest:navigationAction.request];
        decisionHandler(WKNavigationActionPolicyCancel);
        return;
    }
     decisionHandler(WKNavigationActionPolicyAllow);
}

5自定义userAgent

首先在AppDelegate文件中获取系统UA并进行记录

// 获取 userAgent
    self.wkWeb = [[WKWebView alloc] init];
    __weak typeof(self) weakSelf = self;
    [self.wkWeb evaluateJavaScript:@"navigator.userAgent" completionHandler:^(id _Nullable data, NSError * _Nullable error) {
        NSUserDefaults *userD = [NSUserDefaults standardUserDefaults];
        NSString *dataString = String_nil(data);
        [userD registerDefaults:@{kUserAgentKey : dataString}];
        [userD synchronize];
        weakSelf.wkWeb = nil;
    }];

重写UA,并将原来的拼在后面进行更新

/**
 重置UA 
 */
+ (NSString *)cq_resetUA {
    
    NSString *oldAgent = String_nil([kCQUserDefaults objectForKey:kUserAgentKey]);
    if ([oldAgent containsString:prefixString]) {
        // 截取之前的UA
        oldAgent = [oldAgent componentsSeparatedByString:prefixString].firstObject;
    }
    
    CQUser *u = [CQUser getUserInfo];
    //loginType（0：未登录  1：第三方登录  2：手机号登录）
    NSString *loginType = @"0";
    if (u.isLogged) {
        loginType = CQ_stringIsEmpty(u.phone) ? @"1" : @"2";
    }
    NSString *newAgent = [NSString stringWithFormat:@"%@(%@;iOS;%@;%@;%@;%@)",prefixString,[Utils getAppBuild],kCQAPPID,u.sessionId,u.token,loginType];
    newAgent = [oldAgent stringByAppendingString:newAgent];
    [[NSUserDefaults standardUserDefaults] cq_registerUserAgent:newAgent];
    return newAgent;
}

在需要更新的地方调用进行UA更新

self.baseweb.customUserAgent = [WKWebView cq_resetUA];

在这里整个WkWebView就算迁移或者集成完毕了,希望大家bug少一点,工资多一点,写的不好,请大家指正

WKWebView的应用WKWebView的应用1.初始化wkweb2.设置监听3.wkweb调用原生弹框4.js注入5自定义userAgent

WKWebView的应用

WKWebView的应用

1.初始化wkweb

初始化

协议遵守

2.设置监听

监听标题

监听进度条

3.wkweb调用原生弹框

4.js注入

对于交互的js注入

对于需要改变值的js,例如登陆的js需要在登陆后改变js的值的注入方法

5自定义userAgent

首先在AppDelegate文件中获取系统UA并进行记录

重写UA,并将原来的拼在后面进行更新

在需要更新的地方调用进行UA更新

继续阅读

吃透MVC，驯服烂代码吃透MVC，驯服烂代码

PAT (Advanced Level) Practise 1083 List Grades (25)

PAT (Advanced Level) Practise 1135 Is It A Red-Black Tree (30)

UVA 348 Optimal Array Multiplication Sequence

PAT (Advanced Level) Practise 1066 Root of AVL Tree (25)

CSU 1806 Toll

CodeChef PALPROB Palindromeness

ZOJ 1032 Area 2

UVA 590 Always on the run

FZU 1978 Repair the brackets

UVA 10344- 23 out of 5

POJ 2115 C Looooops

ZOJ 3700 Ever Dream

UVA 620 Cellular Structure

swift资料合集

苹果审核 Guideline 2.1 - Information Needed