标签：WKWebView

共 3 篇相关文章

IT 累计浏览 2,544

自己动手打造基于 WKWebView 的混合开发框架（三）——设计插件协议以兼容 Cordova

这篇讲的是如何从零构建一个基于 WKWebView 的混合开发框架，并重点实现与 Cordova 插件的完全兼容。作者的目标很明确：让你已有的 Cordova 项目能无缝、无感知地迁移到自研的高性能框架上。核心思路是打通 JS 与 Native 之间完整的双向数据通道。文章详细拆解了实现过程：首先通过 `window.webkit.messageHandlers` 建立了 JS 到 Swift 的传值与调用机制，并用 Console 插件作为示例。接着，为了解决 Swift 向 JS 的异步回调问题，作者设计了一个基于队列（Queue）的管理系统，每次调用将回调函数压栈并传递序号，Native 处理完再凭序号回调，从而完美复刻了 Cordova 的插件调用模式。文章的巧妙之处在于，作者没有止步于零散的调用实现，而是进一步抽象设计了统一的 `Plugin` 基础类和插件协议。这个协议规范了 JS 层如何封装调用数据（包含 className、functionName、data 及回调 taskId），以及 Native 层如何统一反射、分发请求并管理回调。这使得新增一个兼容 Cordova 的插件变得结构清晰、流程标准。最终，这套设计被整合为一个名为 BlackHawk 的纯 Swift 开源项目，为追求性能与可控性的团队提供了一个切实可行的 Cordova 替代方案。

IT 累计浏览 2,281

自己动手打造基于 WKWebView 的混合开发框架（二）——js 向 Native 一句话传值并反射出 Swift 对象执行指定函数

这篇讲的是在基于WKWebView的混合开发中，如何让JavaScript（JS）代码直接调用Swift编写的原生功能。作者从WKWebView的一个“屌炸天”的新特性——`window.webkit.messageHandlers`方法出发，演示了JS如何通过`postMessage`这一句话，将字符串甚至JSON对象传递到Native层。核心的巧妙之处在于，接收到消息后，作者利用苹果开放的runtime接口，通过解析出的类名和方法名字符串，动态反射出Swift对象并执行指定函数。这意味着网页可以按需调用任意预注册的原生方法，极大地增强了混合应用的灵活性。文章提供了从注册消息处理程序、接收数据到最终反射执行的完整代码示例，并配有截图验证了每一步的结果。作者在此基础上构建了一个名为“BlackHawk”的纯Swift高性能框架，可作为Cordova的替代方案。整个过程将原本可能复杂的跨语言调用，简化为了清晰可循的几步操作。

IT 累计浏览 2,030

自己动手打造基于 WKWebView 的混合开发框架（一）——WKWebView 上手

这篇讲的是如何从零开始，基于 iOS 的 WKWebView 打造自己的混合开发框架。作者从 WKWebView 的优势切入——它解决了 UIWebView 的内存和性能顽疾，将渲染进程交给系统管理，还支持高达 60fps 的刷新和更直接的 JS 通信方式。文章是典型的“上手指南”风格，手把手教学。它从最基础的代码示例开始，逐步带你完成初始化、加载网页、解决 iOS 9 默认不支持 HTTP 的 bug，再到实现错误处理和 JS 的 alert 弹窗等核心功能。每一部分都配有具体代码和效果截图，特别适合想了解混合开发底层实现的 iOS 开发者参考。在教程之外，作者还推荐了一个名为 BlackHawk 的开源项目，它是用 Swift 实现的高性能 Cordova 替代方案。如果你对文章里的基础实现感兴趣，这个项目提供了一个更完整的工业级参考。