揭秘WKWebView-WKScriptMessage实际 کاربرد（二）

2023-09-21 10:13:04

在上一篇文章中，我们介绍了WKWebView-WKScriptMessage的基本概念和入门用法。现在，让我们深入挖掘其高级功能，探索更实用的应用场景。

高级用法

交换复杂数据类型

WKScriptMessage不仅限于传递字符串，还可以交换复杂的数据类型，例如数组、字典和自定义对象。

在Objective-C中，使用WKScriptMessage的setValue:方法传递复杂对象：

WKScriptMessage *message = [[WKScriptMessage alloc] initWithName:@"myCustomMessage" messageBody:@{@"name": @"John Doe", @"age": @30}];

在JavaScript中，使用event.data属性访问复杂对象：

window.webkit.messageHandlers.myCustomMessage.addEventListener('message', function(event) {
  console.log(event.data); // 输出：{ name: 'John Doe', age: 30 }
});

使用多个Script Message Handler

您可以为一个WKWebView注册多个WKScriptMessage Handler，每个Handler处理不同的消息名称。这允许您细化对不同JavaScript消息的处理。

在Objective-C中，使用addUserScript:方法注册多个Handler：

WKUserContentController *userContentController = [[WKUserContentController alloc] init];
[userContentController addUserScript:[[WKUserScript alloc] initWithSource:@"window.webkit.messageHandlers.myOtherMessage.scriptHandler = { onMessage: function(message) { console.log(message.data); } };" injectionTime:WKUserScriptInjectionTimeAtDocumentStart forMainFrameOnly:YES]];

在JavaScript中，使用不同的消息名称发送消息：

window.webkit.messageHandlers.myOtherMessage.scriptHandler.onMessage('Hello from JavaScript!');

性能优化

过度使用WKScriptMessage可能会影响性能，尤其是当您有许多JavaScript消息处理程序时。为了优化性能，请考虑以下技巧：

避免在每次加载页面时重新注册Script Message Handler。
将Handler的处理逻辑保持简单和高效。
仅在需要时传递必要的数据。
使用批处理技术减少消息数量。

调试技巧

调试WKWebView-WKScriptMessage问题可能具有挑战性。以下是一些技巧：

使用Safari Developer Tools或Chrome DevTools检查JavaScript控制台中的错误。
在Objective-C代码中使用WKWebViewConfiguration.userContentController.addScriptMessageListener:forMessageName:中的addScriptMessageListener块来记录错误。
检查WKWebView的configuration.userContentController属性以确保正确注册了Handler。
使用Xcode的Instruments工具分析性能和内存使用情况。