WKWebView的使用

最新推荐文章于 2020-12-31 11:33:24 发布
最新推荐文章于 2020-12-31 11:33:24 发布
阅读量160 收藏
点赞数
原文链接：http://www.cnblogs.com/hualuoshuijia/p/11435120.html
版权

本篇文章的例子是我的一个Demo，我直接复制的.m文件，没有分开写，可能你只是部分需要，需要自己手动去摘取，不全面，以后我会追加的

#import "ViewController.h"
#import <Masonry.h>
#import <WebKit/WebKit.h>

@interface ViewController ()<WKNavigationDelegate,WKUIDelegate,WKScriptMessageHandler>
@property(nonatomic,strong)WKWebView *webView;
//设置加载进度条
@property (nonatomic,strong) UIProgressView *progressView;
@end
@implementation ViewController
- (UIProgressView *)progressView{
    if (!_progressView) {
        _progressView = [[UIProgressView alloc]initWithProgressViewStyle:UIProgressViewStyleDefault];
        // 设置进度条的色彩
        [_progressView setTrackTintColor:[UIColor colorWithRed:240.0/255 green:240.0/255 blue:240.0/255 alpha:1.0]];
        _progressView.progressTintColor = [UIColor orangeColor];
    }
    return _progressView;
}
-(WKWebView *)webView{
    if(!_webView){
        //WKWebViewConfiguration配置文件
        WKWebViewConfiguration *config = [[WKWebViewConfiguration alloc] init];
        //允许视频播放
        config.allowsAirPlayForMediaPlayback = YES;
        // 允许在线播放
        config.allowsInlineMediaPlayback = YES;
        // 允许可以与网页交互，选择视图
        config.selectionGranularity = YES;
        // web内容处理池
        config.processPool = [[WKProcessPool alloc] init];
        // 是否支持记忆读取
        config.suppressesIncrementalRendering = YES;
        //自定义配置,一般用于 js调用oc方法(OC拦截URL中的数据做自定义操作)
        WKUserContentController * userContentController = [[WKUserContentController alloc]init];
        // 添加消息处理，注意：self指代的对象需要遵守WKScriptMessageHandler协议，结束时需要移除 这里是监听的时间方法，成功了之后执行WKScriptMessageHandler协议方法
        [userContentController addScriptMessageHandler:self name:@"shareIOS"];
        [userContentController addScriptMessageHandler:self name:@"closeWebViewIOS"];
        
        config.userContentController = userContentController;
        
        _webView = [[WKWebView alloc]initWithFrame:CGRectZero configuration:config];
        [_webView sizeToFit];//适应你设定的尺寸
//        _webView.allowsBackForwardNavigationGestures = YES;//开启手势触摸
        
        // 设置代理
        _webView.navigationDelegate = self;
        _webView.UIDelegate = self;
    }
    return _webView;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    self.navigationController.navigationBarHidden = YES;
    

    [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"https://www.xxxxx.com?a=b"]]];
    [self.view addSubview:self.webView];
    [self.webView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.offset(0);
        make.size.equalTo(self.view);
        make.top.offset(-20);
    }];
    [self.webView addSubview:self.progressView];
    [self.progressView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.top.left.right.offset(0);
        make.height.offset(2);
    }];
    
    // 给webview添加监听
    [self.webView addObserver:self forKeyPath:@"estimatedProgress" options:NSKeyValueObservingOptionOld | NSKeyValueObservingOptionNew context:nil];
}
- (void)observeValueForKeyPath:(NSString *)keyPath ofObject:(id)object change:(NSDictionary<NSKeyValueChangeKey,id> *)change context:(void *)context{
    if ([keyPath isEqual:@"estimatedProgress"] && object == self.webView) {
        [self.progressView setAlpha:1.0f];
        [self.progressView setProgress:self.webView.estimatedProgress animated:YES];
        if (self.webView.estimatedProgress  >= 1.0f) {
            [UIView animateWithDuration:0.3 delay:0.3 options:UIViewAnimationOptionCurveEaseOut animations:^{
                [self.progressView setAlpha:0.0f];
            } completion:^(BOOL finished) {
                [self.progressView setProgress:0.0f animated:YES];
            }];
        }
    }else{
        [super observeValueForKeyPath:keyPath ofObject:object change:change context:context];
    }
}

#pragma mark ================ WKUIDelegate ================
// 警告框
-(void)webView:(WKWebView *)webView runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(void))completionHandler{
    NSLog(@"------------------------------------------------------------runJavaScriptAlertPanelWithMessage");
    UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"提示" message:@"警告框" preferredStyle:UIAlertControllerStyleAlert];
    [alert addAction:[UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
        completionHandler();
    }]];
    
    [self presentViewController:alert animated:YES completion:NULL];
}

// 确认框
-(void)webView:(WKWebView *)webView runJavaScriptConfirmPanelWithMessage:(NSString *)message initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(BOOL))completionHandler{
    NSLog(@"------------------------------------------------------------runJavaScriptConfirmPanelWithMessage");
    UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"提示" message:@"确认框" preferredStyle:UIAlertControllerStyleAlert];
    [alert addAction:[UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
        completionHandler(YES);
    }]];
    [alert addAction:[UIAlertAction actionWithTitle:@"取消" style:UIAlertActionStyleCancel handler:^(UIAlertAction * _Nonnull action) {
        completionHandler(NO);
    }]];
    [self presentViewController:alert animated:YES completion:NULL];
}

// 输入框
-(void)webView:(WKWebView *)webView runJavaScriptTextInputPanelWithPrompt:(NSString *)prompt defaultText:(NSString *)defaultText initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(NSString * _Nullable))completionHandler{
    NSLog(@"------------------------------------------------------------runJavaScriptTextInputPanelWithPrompt");
    UIAlertController *alert = [UIAlertController alertControllerWithTitle:@"textinput" message:@"输入框" preferredStyle:UIAlertControllerStyleAlert];
    [alert addTextFieldWithConfigurationHandler:^(UITextField * _Nonnull textField) {
        textField.textColor = [UIColor redColor];
    }];
    [alert addAction:[UIAlertAction actionWithTitle:@"确定" style:UIAlertActionStyleDefault handler:^(UIAlertAction * _Nonnull action) {
        completionHandler([[alert.textFields lastObject] text]);
    }]];
    
    [self presentViewController:alert animated:YES completion:NULL];
    
}
// webview关闭时回调
- (void)webViewDidClose:(WKWebView *)webView NS_AVAILABLE(10_11, 9_0){
    
}
// 默认预览元素调用
- (BOOL)webView:(WKWebView *)webView shouldPreviewElement:(WKPreviewElementInfo *)elementInfo {
    
    NSLog(@"-----默认预览元素调用");
    return YES;
}
// 返回一个视图控制器将导致视图控制器被显示为一个预览。返回nil将WebKit的默认预览的行为。
- (nullable UIViewController *)webView:(WKWebView *)webView previewingViewControllerForElement:(WKPreviewElementInfo *)elementInfo defaultActions:(NSArray<id <WKPreviewActionItem>> *)previewActions {
    
    NSLog(@"----返回一个视图控制器将导致视图控制器被显示为一个预览。返回nil将WebKit的默认预览的行为。");
    return self;
}

// 允许应用程序向它创建的视图控制器弹出
- (void)webView:(WKWebView *)webView commitPreviewingViewController:(UIViewController *)previewingViewController {
    
    NSLog(@"----允许应用程序向它创建的视图控制器弹出");
    
}

// 显示一个文件上传面板。completionhandler完成处理程序调用后打开面板已被撤销。通过选择的网址，如果用户选择确定，否则为零。如果不实现此方法，Web视图将表现为如果用户选择了取消按钮。
- (void)webView:(WKWebView *)webView runOpenPanelWithParameters:(WKOpenPanelParameters *)parameters initiatedByFrame:(WKFrameInfo *)frame completionHandler:(void (^)(NSArray<NSURL *> * _Nullable URLs))completionHandler {
    
    NSLog(@"----显示一个文件上传面板");
    
}

#pragma mark ================ WKScriptMessageHandler ================

//拦截执行网页中的JS方法
- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message{
    
    //服务器固定格式写法 window.webkit.messageHandlers.名字.postMessage(内容);
    //客户端写法 message.name isEqualToString:@"名字"]
//    message.name是方法名字  message.body方法的参数
    NSLog(@"------------------------:%@     %@",message.name,message.body);
    
    if ([message.name isEqualToString:@"shareIOS"]) {
       //这里写事件
    }else if ([message.name isEqualToString:@"closeWebViewIOS"]){
       //这里写事件
    }
}
- (void)dealloc{
    [self.webView.configuration.userContentController removeScriptMessageHandlerForName:@"shareIOS"];
    [self.webView.configuration.userContentController removeScriptMessageHandlerForName:@"closeWebViewIOS"];
    
    
    [self.webView removeObserver:self forKeyPath:@"estimatedProgress"];
    [self.webView setNavigationDelegate:nil];
    [self.webView setUIDelegate:nil];
    
    
}
#pragma mark ================ WKNavigationDelegate ================
// 1 在发送请求之前，决定是否跳转
- (void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void (^)(WKNavigationActionPolicy))decisionHandler {
    NSString *urlStr = navigationAction.request.URL.absoluteString;
    NSLog(@"1-------在发送请求之前，决定是否跳转  -->%@",urlStr);
//    if([urlStr hasPrefix:@"http:"]){
//        decisionHandler(WKNavigationActionPolicyAllow);如果跳转使用这个
//    }else{
//        decisionHandler(WKNavigationActionPolicyCancel);如果不跳转使用这个
//    }
    decisionHandler(WKNavigationActionPolicyAllow);
}

// 2 页面开始加载时调用
- (void)webView:(WKWebView *)webView didStartProvisionalNavigation:(WKNavigation *)navigation {
    NSLog(@"2-------页面开始加载时调用");
}

// 3 在收到响应后，决定是否跳转
- (void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void (^)(WKNavigationResponsePolicy))decisionHandler {
    /// 在收到服务器的响应头，根据response相关信息，决定是否跳转。decisionHandler必须调用，来决定是否跳转，参数WKNavigationActionPolicyCancel取消跳转，WKNavigationActionPolicyAllow允许跳转
    
    NSLog(@"3-------在收到响应后，决定是否跳转---:");
    
    decisionHandler(WKNavigationResponsePolicyAllow);

}

// 4 当内容开始返回时调用
- (void)webView:(WKWebView *)webView didCommitNavigation:(WKNavigation *)navigation {
    NSLog(@"4-------当内容开始返回时调用");
}

// 5 页面加载完成之后调用
- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {
    NSLog(@"5-------页面加载完成之后调用");
}

// 6 页面加载失败时调用
- (void)webView:(WKWebView *)webView didFailProvisionalNavigation:(WKNavigation *)navigation {
    
    NSLog(@"6-------页面加载失败时调用");
}

// 接收到服务器跳转请求之后调用
- (void)webView:(WKWebView *)webView didReceiveServerRedirectForProvisionalNavigation:(WKNavigation *)navigation {
    NSLog(@"-------接收到服务器跳转请求之后调用");
}

// 数据加载发生错误时调用
- (void)webView:(WKWebView *)webView didFailNavigation:(null_unspecified WKNavigation *)navigation withError:(NSError *)error {
    NSLog(@"----数据加载发生错误时调用");
}

// 需要响应身份验证时调用 同样在block中需要传入用户身份凭证
- (void)webView:(WKWebView *)webView didReceiveAuthenticationChallenge:(NSURLAuthenticationChallenge *)challenge completionHandler:(void (^)(NSURLSessionAuthChallengeDisposition disposition, NSURLCredential * _Nullable credential))completionHandler {
    //用户身份信息
    
    NSLog(@"----需要响应身份验证时调用 同样在block中需要传入用户身份凭证");
    
    NSURLCredential *newCred = [NSURLCredential credentialWithUser:@""
                                                          password:@""
                                                       persistence:NSURLCredentialPersistenceNone];
    // 为 challenge 的发送方提供 credential
    [[challenge sender] useCredential:newCred forAuthenticationChallenge:challenge];
    completionHandler(NSURLSessionAuthChallengeUseCredential,newCred);
}

// 进程被终止时调用
- (void)webViewWebContentProcessDidTerminate:(WKWebView *)webView {
    NSLog(@"----------进程被终止时调用");
}

@end

 

以上是webview给OC传值，如果OC给webview给传值

  NSMutableDictionary *dic = [NSMutableDictionary new];
    dic[@"token"] = @"11111";

    NSData *data = [NSJSONSerialization dataWithJSONObject:dic options:(NSJSONWritingPrettyPrinted) error:nil];

    NSString *jsonStr = [[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding];
    
    NSString *js = [NSString stringWithFormat:@"window.iOSInfo = %@", jsonStr];
    
    WKUserScript *script = [[WKUserScript alloc] initWithSource:js injectionTime:(WKUserScriptInjectionTimeAtDocumentStart) forMainFrameOnly:YES];
    [self.configuration.userContentController addUserScript:script];

 

转载于:https://www.cnblogs.com/hualuoshuijia/p/11435120.html

weixin_30363509
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WKWebView使用
08-09
WKWebView使用demo，主要给大家分享的是OC版的WKWebView与JS的交互及WKWebView的简单用法。
macOS中WKWebView打开文件选择对话框(NSOpenPanel)
培根芝士的专栏
11-26 973
在WKWebView的UIDelegate事件中，调起文件选择对话框，并将选取的文件回调回去。 self.webView.UIDelegate = self; - (void)webView:(WKWebView*)webView runOpenPanelWithParameters:(WKOpenPanelParameters*)parameters initiatedByFrame:(WKFrameInfo*)frame completionHandler:(nonnull void (^)(
WKWebView详解
志伟入归未有时（兴业和家）
02-02 2450
@财产（非原子，只读副本）NSURL * URL; ``` iOS 9.0+自定义用户代理如果不想自定义用户代理，设为nil即可 @property （nonatomic，copy）NSString * customUserAgent; iOS 10.0+当前浏览页面的SecTrustRef对象 @property （非原子...
[Swift]WKWebView用法介绍
EIamor的博客
04-24 2991
WKWebView的优势： 1）WKWebview在性能、稳定性上和UIwebview相比 2）WKWebView更多的支持HTML5的特性 3）WKWebView更快，占用内存可能只有UIWebView的1/3 ~ 1/4 4）WKWebView高达60fps的滚动刷新率和丰富的内置手势(Built-in gestures) 5）WKWebView具有Safari相同的Java
iOS WKUIDelegate
meiyulong518的博客
09-29 996
iOS WKUIDelegate WKUIDelegate提供的方法代表网页显示本机用户界面元素。 文章目录iOS WKUIDelegate前言一、WKUIDelegate是什么？二、方法详解1.方法总结 前言 提示：以下是本篇文章正文内容，下面案例可供参考 一、WKUIDelegate是什么？ Web view user interface delegates implement this protocol to control the opening of new windows, augme
WKWebview使用详解
08-15
WKWebview使用详解 内含详细的PPT介绍
WKWebView使用、进度条、与原生交互
07-10
WKWebView使用、进度条、与原生交互，从iOS8.0开始出现WKWebView，如今绝大部分应用已从iOS8支持
iOS WKWebView的使用
07-09
WKWebView的使用、JS和OC的交互、网页内容加载进度条的实现https://github.com/wsl2ls/WKWebView.git
WKWebView 内容显示不全问题
science_Lee的博客
08-03 7820
最近项目在嵌套h5 网页，使用苹果WKWebView 来展示，在5s 上展示是可以的，但是在6 或者 7 上会显示不全。 全是感觉WKWebView 跑到屏幕外边去了。设置：self.navigationController.navigationBar.translucent = NO; self.webView = [[WKWebView alloc] initWithFrame:CGRectM
使用WKWebView增加自动布局约束遇到的问题
Moennig的博客
10-14 1694
在带有导航栏的ViewController.swfit中增加WKWebView来显示网页，处理不当会导致WKWebView的Y坐标位置下移64，解决方法是在viewDidLoad中增加 self.automaticallyAdjustsScrollViewInsets = false。 代码如下：     override func viewDidLoad() {
WKWebView的使用（iOS8.0及以上版本使用）替代UIWebView
番薯大佬的专栏
09-23 5976
在iOS开发中，调用web页面时，最常用的就是 UIWebView控件。但在使用过程中，也让大家觉得很不爽，就是内存爆增。 自从iOS8.0以后有了WKWebView，这种情况就好转了。因为在使用WKWebView的过程中基本上内存保持不变。 WKWebView 是现代 WebKit API 在 iOS 8 和 OS X Yosemite 应用中的核心部分。 WK
[WKWebView的使用, 与UIWebView对比]
iOSTianNan的博客
08-20 436
WKWebView的使用和各种坑的解决方法（OC＋Swift） WKWebView 的使用
让你的WKWebView支持自动布局----Auto Layout
学习小使者 的专栏
11-13 2250
开篇语： 现在很多项目都用到了图文混排，考虑到后台传的数据格式一般都是HTML，WKWebView成了展示的首选组件。用过WKWebView的人都清楚，它本身是不支持自动布局的，这让我们这些用惯了自动布局的人来说望而却步。试想一下，如果可以灵活的在WKWebView和各种view之间灵活展示内容，将是一件多么令人兴奋的事情。 难点分析： WKWebView 由于是异步绘制的，所有内容被绘制在...
iOS开发 ☞ Wkwebview使用进阶
Magic-ZYJ的博客
02-21 2798
1、拦截HTTPStatusCode 使用wkwebview加载网页时，诸如404这样的状态码并不会调起WKNavigationDelegate的失败的代理方法，那么如何做呢？- (void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationRespons
iOS 10.0 更新点（开发者视角）
weixin_34242509的博客
06-14 1927
html, body {overflow-x: initial !important;}html { font-size: 14px; } body { margin: 0px; padding: 0px; height: auto; bottom: 0px; top: 0px; left: 0px; right: 0px; font-family: 'Helvetica Neue', he...
ios wkwebview弹框_iOS 加载WKWebView
weixin_31577315的博客
12-31 444
WKWebView是苹果在iOS 8之后推出的框架WebKit中的浏览器控件, 其加载速度比UIWebView快了许多, 但内存占用率却下降很多, 也解决了加载网页时的内存泄露问题.WKWebView的属性/// webView的自定义配置@property (nonatomic,readonly, copy) WKWebViewConfiguration *configuration;/// 导...
C#，数值计算，解微分方程的龙格-库塔二阶方法与源代码
最新发布
04-25
C#，数值计算，解微分方程的龙格-库塔二阶方法与源代码 微分方程 含有导数或微分的方程称为微分方程，未知函数为一元函数的微分方程称为常微分方程。 微分方程的阶数 微分方程中导数或微分的最高阶数称为微分方程的阶数。 微分方程的解 使得微分方程成立的函数称为微分方程的解。 微分方程的特解 微分方程的不含任意常数的解称为微分方程的特解。 微分方程的通解 所含相互独立的任意常数的个数与微分方程的阶数相等的微分方程的解称为微分方程的通解。
ios wkwebview
09-08
你可以使用 WKWebView 来加载并显示网页内容，也可以通过配置 WKWebView 的属性和委托来实现更多的定制化和交互功能。例如，你可以监听网页加载进度、处理网页中的链接点击事件、注入 JavaScript 代码等。 要在你的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值