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>

@interface ViewController () <WKNavigationDelegate>
@property (nonatomic, strong) WKWebView *webView;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
        self.webView = [[WKWebView alloc] initWithFrame:self.view.bounds];    // 创建并初始化WKWebView
        self.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];
}

#pragma mark - 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容器加载和展示动态内容，减少应用更新频率。