iOS WebView

文章目录

一、WebView简介

在iOS开发中，WebView 是一个用于显示网页内容的控件。它允许你在应用程序中嵌入一个浏览器窗口，以便加载和显示网页。iOS 提供了两种主要的 WebView 类：UIWebView 和 WKWebView。其中，WKWebView 是较新的、更强大的选项，推荐在新项目中使用。

UIWebView

• UIWebView 是较早的 WebView 实现，但由于性能和安全性问题，已被 WKWebView 取代。从 iOS 8 开始，苹果推荐使用 WKWebView。

WKWebView

• WKWebView 是 WebKit 框架的一部分，提供了更好的性能和更多的功能。它支持现代 Web 标准，并且能够更好地与 JavaScript 交互。

用一段代码来看看 WebView 的用处：

#import"ViewController.h"#import<WebKit/WebKit.h>@interfaceViewController()<WKNavigationDelegate>@property(nonatomic, strong) WKWebView *webView;@end@implementation ViewController

-(void)viewDidLoad {[super viewDidLoad];self.webView =[[WKWebView alloc] initWithFrame:self.view.bounds];// 创建并初始化WKWebViewself.webView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;// 设置自动调整大小self.webView.navigationDelegate =self;// 设置导航代理[self.view addSubview:self.webView];// 添加WKWebView到视图// 加载网页
        NSURL *url =[NSURL URLWithString:@"https://www.baidu.com"];
        NSURLRequest *request =[NSURLRequest requestWithURL:url];[self.webView loadRequest:request];}#pragmamark - WKNavigationDelegate// 页面开始加载时调用-(void)webView:(WKWebView *)webView didStartProvisionalNavigation:(WKNavigation *)navigation {NSLog(@"页面开始加载");}// 页面加载完成时调用-(void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {NSLog(@"页面加载完成");}// 页面加载失败时调用-(void)webView:(WKWebView *)webView didFailProvisionalNavigation:(WKNavigation *)navigation withError:(NSError *)error {NSLog(@"页面加载失败: %@", error.localizedDescription);}// 接收到服务器重定向请求后调用-(void)webView:(WKWebView *)webView didReceiveServerRedirectForProvisionalNavigation:(WKNavigation *)navigation {NSLog(@"接收到服务器重定向请求");}// 在收到响应后，决定是否跳转-(void)webView:(WKWebView *)webView decidePolicyForNavigationResponse:(WKNavigationResponse *)navigationResponse decisionHandler:(void(^)(WKNavigationResponsePolicy))decisionHandler {NSLog(@"收到响应，决定是否跳转");decisionHandler(WKNavigationResponsePolicyAllow);// 允许跳转}// 在发送请求之前，决定是否跳转-(void)webView:(WKWebView *)webView decidePolicyForNavigationAction:(WKNavigationAction *)navigationAction decisionHandler:(void(^)(WKNavigationActionPolicy))decisionHandler {NSLog(@"发送请求，决定是否跳转");decisionHandler(WKNavigationActionPolicyAllow);// 允许跳转}@end

WKNavigationDelegate 是 WebKit 框架的一部分，用于处理 WKWebView 的导航事件。通过实现 WKNavigationDelegate 协议，你可以监控和控制 WKWebView 的加载过程，包括页面开始加载、加载完成、加载失败等事件。

• didStartProvisionalNavigation:：在页面开始加载时调用。你可以在这里显示加载指示器。
• didFinishNavigation:：在页面加载完成时调用。你可以在这里隐藏加载指示器。
• didFailProvisionalNavigation:withError:：在页面加载失败时调用。你可以在这里处理加载失败的情况，例如显示错误信息。
• didReceiveServerRedirectForProvisionalNavigation:：在接收到服务器重定向请求后调用。
• decidePolicyForNavigationResponse:decisionHandler:：在收到响应后，决定是否跳转。你可以在这里检查响应，并决定是否允许跳转。
• decidePolicyForNavigationAction:decisionHandler:：在发送请求之前，决定是否跳转。你可以在这里检查请求，并决定是否允许跳转。

二、Web容器简介

1. 概述

iOS Web容器 是指在iOS应用中嵌入和管理Web内容的环境。它不仅包括用于显示Web内容的组件（如WebView），还涉及管理这些组件的应用框架和技术。

2. 关键组件

WKWebView是iOS中用于显示网页内容的核心组件，替代了过时的UIWebView。加载和显示网页内容（本地或远程）。

• 支持现代Web技术（如HTML5、CSS3、JavaScript）。
• 提供更高的性能和更好的安全性。

WKUserContentController管理WebView中的用户脚本和消息处理。

• 添加和移除用户脚本（JavaScript）。
• 处理从网页发送到原生代码的消息。

WKScriptMessageHandler：这是一个协议，允许原生代码处理来自网页的消息。

• 实现 userContentController(_:didReceive:)方法处理JavaScript发送的消息。

WKNavigationDelegate协议用于管理WebView的导航事件。

• 拦截和处理网页加载、开始、完成、失败等事件。
• 控制是否允许导航到特定URL。

WKWebViewConfiguration用于配置WKWebView的属性和行为。

• 设置WKUserContentController以管理用户脚本。
• 配置偏好设置（如JavaScript是否启用）。
• 设置媒体播放策略等。

3. Web容器的功能

• 加载和显示网页：Web容器可以加载本地或远程网页，并在应用中显示。
• 执行JavaScript：通过Web容器，可以在网页中执行JavaScript代码，实现动态交互。
• 与原生代码交互：Web容器允许网页内容与应用的原生代码进行交互，提供更丰富的功能。
• 内容拦截和处理：通过WKNavigationDelegate，可以拦截和处理网页导航事件。

4.应用场景

• 混合应用（Hybrid App）：利用Web容器加载网页内容，实现跨平台的用户界面和业务逻辑。
• 内嵌网页功能：在应用中嵌入特定的网页功能，如帮助页面、用户协议、广告展示等。
• 动态内容加载：通过Web容器加载和展示动态内容，减少应用更新频率。