[iOS开发笔记] webview加载+JS交互

爱被打了一巴掌 2022-06-03 00:36 188阅读 0赞

优势：

1：加载进度展示自定义

2：可动态获取web页面设置的title，无限复用

3：js交互全部可在此处设置

（适用于新手，大神直接略过）

话不多说，直接代码撸起---

\#import "PostPersionMsgController.h"

\#import <WebKit/WebKit.h>

\#import <JavaScriptCore/JavaScriptCore.h>

@interfacePostPersionMsgController ()<WKNavigationDelegate,WKUIDelegate,WKScriptMessageHandler>//WKUIDelegate：wkwebview的代理，WKScriptMessageHandler：JS交互代理

@property (nonatomic,strong)WKWebView \*webView;

//进度条

@property (nonatomic,strong)UIProgressView \*progressView;

//URL

@property (nonatomic,copy)NSString \*requrst\_URL;

@end

@implementation PostPersionMsgController

\- (void)viewDidLoad \{

\[superviewDidLoad\];

\[selfcreateUI\];

\- (void)viewDidAppear:(BOOL)animated \{

\[superviewDidAppear:animated\];

\- (void)createUI \{

//    \_requrst\_URL = @"[https://www.baidu.com][https_www.baidu.com]";

\_requrst\_URL = \[NSStringstringWithFormat:requrst\_URL\];

WKWebViewConfiguration \*config = \[\[WKWebViewConfigurationalloc\] init\];

\_webView = \[\[WKWebViewalloc\] initWithFrame:\[UIScreenmainScreen\].boundsconfiguration:config\];

//设置代理

\_webView.navigationDelegate =self;

\_webView.UIDelegate =self;

\_webView.backgroundColor = \[UIColorwhiteColor\];

\[\_webView.configuration.userContentControlleraddScriptMessageHandler:selfname:@"JavaScript"\];

NSURL \*url = \[NSURLURLWithString:\_requrst\_URL\];

NSURLRequest \*requset = \[NSURLRequestrequestWithURL:url\];

\[\_webViewloadRequest:requset\];

//监听进度条

\[\_webViewaddObserver:selfforKeyPath:@"estimatedProgress"options:NSKeyValueObservingOptionNewcontext:nil\];

\_progressView = \[\[UIProgressViewalloc\] init\];

\_progressView.transform =CGAffineTransformMakeScale(1.0,2.0);

\_progressView.trackTintColor = \[UIColorwhiteColor\];

\_progressView.progressTintColor = \[UIColororangeColor\];

\[self.viewsd\_addSubviews:@\[\_webView,\_progressView\]\];

self.view.backgroundColor = \[UIColorwhiteColor\];

//layout

\_topProgressView.sd\_layout

.centerXEqualToView(self.view)

.topSpaceToView(self.view,64)

.widthIs(SCREEN\_WIDTH \-40)

.heightIs(100);

\_webView.sd\_layout

.centerXEqualToView(self.view)

.widthIs(SCREEN\_WIDTH)

.topSpaceToView(\_topProgressView,10)

.heightIs(SCREEN\_HEIGHT \-110 \- 64);

\_progressView.sd\_layout

.topSpaceToView(self.view,64)

.widthIs(SCREEN\_WIDTH)

.centerXEqualToView(self.view)

.heightIs(1);

\- (void)observeValueForKeyPath:(NSString \*)keyPath ofObject:(id)object change:(NSDictionary \*)change context:(void \*)context

if (\[keyPathisEqualToString:@"estimatedProgress"\]) \{

if (\_webView.estimatedProgress ==1) \{

\_progressView.hidden =YES;

\[\_progressViewsetProgress:(CGFloat)\_webView.estimatedProgressanimated:YES\];

NSLog(@"%f",(CGFloat)\_webView.estimatedProgress);

\- (void)webView:(WKWebView \*)webView didStartProvisionalNavigation:(WKNavigation \*)navigation \{

NSLog(@"开始加载");

\- (void)webView:(WKWebView \*)webView didFinishNavigation:(WKNavigation \*)navigation \{

NSLog(@"加载完成");

//自适应标题

self.navigationItem.title =\_webView.title;

\- (void)webView:(WKWebView \*)webView didFailNavigation:(WKNavigation \*)navigation withError:(NSError \*)error \{

NSLog(@"加载失败");

\#pragma mark - WKScriptMessageHandler

\- (void)userContentController:(WKUserContentController \*)userContentController didReceiveScriptMessage:(WKScriptMessage \*)message \{

if (\[message.nameisEqualToString:@"JavaScript"\]) \{

NSLog(@"点击需要交互的操作")；

//移除通知

\- (void)dealloc \{

\[\_webViewremoveObserver:selfforKeyPath:@"estimatedProgress"\];

\[\_progressViewreloadInputViews\];

\[\_webView.configuration.userContentControllerremoveScriptMessageHandlerForName:@"JavaScript"\];

@end

一直想好好写点博客，奈何程序狗的时间都不是自己的，今天关于webview的博客，希望能帮到刚入门的iosr。

[https_www.baidu.com]: https://www.baidu.com

[iOS开发笔记] webview加载+JS交互

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关安卓笔记——使用WebView加载网页

相关 Android：WebView用法（Js交互）

相关 [iOS开发] 加载webView页面添加POST请求

相关 WebView加载优化

相关 android webview与js交互

相关 [iOS开发笔记] webview加载+JS交互

相关 UWP webview 与 JS 交互

相关 iOS webView的高级用法之JS交互

相关 Android开发之Webview中原生与JS交互

相关 Android-----WebView加载HTML界面布局并进行数据交互