移动开发中的Web：WebView、WebKit、JSCore、Web 优化、热修复、跨平台……

移动开发领域近年来已经逐渐告别了野蛮生长的时期，进入了相对成熟的时代。而一直以来 Native 和 Web 的争论从未停止，通过开发者孜孜不倦的努力，Web 的效率和 Native 的体验也一直在寻求着平衡。本文聚焦 iOS 开发和 Web 开发的交叉点，内容涉及到 iOS 开发中全部的 Web 知识，涵盖从基础使用到 WebKit、从 JSCore 到大前端、从 Web 优化到业务扩展等方面，希望通过简要的介绍，帮助开发者一窥 Hybrid 和大前端的构想。

iOS 中 Web 容器与加载

1. iOS 中的 Web 容器

目前 iOS 系统为开发者提供三种方式来展示 Web 内容，分别是 UIWebView、WKWebView 和 SFSafariViewController：

UIWebView

UIWebView 从 iOS2 开始就作为 App 内展示 Web 内容的容器，但是长久以来一直遭受开发者的诟病，它存在系统级的内存泄露、极高内存峰值、较差的稳定性、Touch Delay 以及 JavaScript 的运行性能和通信限制等问题。在 iOS12 以后已经被标记为 Deprecated 不再维护。

WKWebView

在 iOS8 中，Apple 引入了新一代的 WebKit framework，同时提供了 WKWebView 用来替代传统的 UIWebView，它更加稳定，拥有 60fps 滚动刷新率、丰富的手势、KVO、高效的 Web 和 Native 通信，默认进度条等功能，而最重要的是，它使用了和 Safari 相同的 Nitro 引擎极大提升了 JavaScript 的运行速度。WKWebView 独立的进程管理，也降低了内存占用及 Crash 对主 App 的影响。

SFSafariViewController

在 iOS9 中，Apple 引入了 SFSafariViewController，其特点就是在 App 内可以打开一个高度标准化的、和 Safari 一样界面和特性的页面。同时 SFSafariViewController 支持和 Safari 共享 Cookie 和表单数据。

这几种容器如何选择呢?

对于 SFSafariViewController，由于其标准化程度之高，使之界面和交互逻辑无法和 App 统一，基于 App 整体体验的考虑，一般都使用在相对独立的功能和模块中，最常见的就是在 App 内打开 App Store 或者广告、游戏推广的页面。

对于 UIWebView/WKWebView，如果说之前由于 NSURLProtocol 的问题，好多 App 都在继续使用 UIWebView，那么随着 App 放弃维护 UIWebView(iOS12)，全部的 App 应该会陆续地切换到 WKWebView 中来。当然，最初 WKWebView 也为开发者们带来了一些难题，但是随着系统的升级与业务逻辑的适配也逐步得到修复，后文会列举几个最为关注的技术点。

UIWebView/WKWebView 对主 App 内存的影响：

2. WebKit 框架与使用

WebKit.framework

WebKit 是一个开源的 Web 浏览器引擎，每当谈到 WebKit，开发者常常迷惑于它和 WebKit2、Safari、iOS 中的框架，以及 Chromium 等浏览器的关系。

广义的 WebKit 其实就是指 WebCore，它主要包含了 HTML 和 CSS 的解析、布局和定位这类渲染 HTML 的功能逻辑。而狭义的 WebKit 就是在 WebCore 的基础上，不同平台封装 JavaScript 引擎、网络层、GPU 相关的技术(WebGL、视频)、绘制渲染技术以及各个平台对应的接口，形成我们可以用的 WebView 或浏览器，也就是所谓的 Webkit Ports。

比如在 Safari 中 JS 的引擎使用 JavascriptCore，而 Chromium 中使用 v8;渲染方而 Safari 使用 CoreGraphics，而 Chromium 中使用 skia;网络方而 Safari 使用 CFNetwork，而 Chromium 中使用 Chromium stack 等等。而 Webkit2 是相对于狭义上的 Webkit 架构而言，主要变化是在 API 层支持多进程，分离了 UI 和 Web 接口的进程，使之通过 IPC 来进行通讯。

iOS 中的 WebKit.framework 就是在 WebCore、底层桥接、JSCore 引擎等核心模块的基础上，针对 iOS 平台的项目封装，它基于新的 WKWebView，提供了一系列浏览特性的设置，以及简单方便的加载回调。

Web 容器使用流程与关键节点

对于大部分日常使用来说，开发者需要关注的就是 WKWebView 的创建、配置、加载、以及系统回调的接收。

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!