WKWebView：JavaScript与OC交互、Cookie管理、常见问题

IOS

2023-10-24 15:14:09

WKWebView：JavaScript与OC交互、Cookie管理、常见问题

前言

WKWebView 是 Apple iOS8 之后推出的 WebKit 核心控件，用来替换 UIWebView。与 UIWebView 相比，WKWebView 的优势在于：

更多地支持 HTML5
性能更佳
内存占用更低
开发者工具更强大

本文将详细介绍 WKWebView 的 JavaScript 与 OC 交互、Cookie 管理和常见问题，帮助开发者更好地使用 WKWebView。

JavaScript 与 OC 交互

WKWebView 提供了多种方式进行 JavaScript 与 OC 之间的交互：

通过 WKScriptMessageHandler ：这是最常见的方式，需要实现 WKScriptMessageHandler 协议，并将其添加到 WKWebView 中。

- (void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message {
    // 处理 JavaScript 消息
}

通过 evaluateJavaScript ：直接执行 JavaScript 代码。

[webView evaluateJavaScript:@"console.log('Hello, World!');" completionHandler:nil];

通过 addScriptMessageHandler ：将 JavaScript 函数添加到 WKWebView 中，以便 OC 可以直接调用。

[webView.configuration.userContentController addScriptMessageHandler:self name:@"myFunction"];

Cookie 管理

WKWebView 也提供了对 Cookie 的管理。

获取 Cookie ：使用 getCookies 方法获取当前 WebView 中的所有 Cookie。

NSHTTPCookieStorage *cookieStorage = webView.configuration.websiteDataStore.httpCookieStore;
NSArray<NSHTTPCookie *> *cookies = [cookieStorage getAllCookies];

设置 Cookie ：使用 setCookie 方法设置一个 Cookie。

NSHTTPCookie *cookie = [NSHTTPCookie cookieWithProperties:@{
    NSHTTPCookieName: @"myCookie",
    NSHTTPCookieValue: @"myValue",
    NSHTTPCookieDomain: @"example.com",
    NSHTTPCookiePath: @"/"
}];
[cookieStorage setCookie:cookie];

删除 Cookie ：使用 deleteCookie 方法删除一个 Cookie。

[cookieStorage deleteCookie:cookie];

常见问题

WKWebView 无法加载某些网站

这可能是由于以下原因：

网站使用了不受 WKWebView 支持的技术。
网站使用了过时的 TLS 版本。
网站使用了不安全的 HTTP 连接。

WKWebView 崩溃

这可能是由于以下原因：

JavaScript 代码错误。
OC 代码错误。
WKWebView 本身的 bug。

WKWebView 性能差

这可能是由于以下原因：

网页内容过多。
网络连接不稳定。
WKWebView 本身的性能问题。

如何调试 WKWebView

使用 Safari 开发者工具 ：WKWebView 与 Safari 使用相同的渲染引擎，因此可以使用 Safari 开发者工具来调试 WKWebView。
使用 Xcode 调试器 ：可以在 Xcode 调试器中设置断点并调试 WKWebView 的 OC 代码。
使用第三方工具 ：可以使用 Charles 等第三方工具来查看 HTTP 请求和响应。