iOS9中的WebKit 与 Safari带来的惊喜

2020-01-14 17:39:06刘景俊

这些代码我觉得没什么好说的,除了WKWebView不能通过 IB 来可视化构建外,以上的代码最多是将 Autolayout 部分的代码优化一下就是了。写一写,做个 Example 就懂了。

与 Javascript 通信

通过WebKit就不需要通过 javascript 桥的方式来与DOM通信了。其实这也不是什么新技术,早再 windows98 在VB或者在Delphi中也可以通过COM接口用完全相类似的手法与DOM通信了。

废话不多说,讲讲 WebKit 的基本原理吧。以下是 WebKit Host 的Web进程 与 App 主进程的通信关系示意图:

 

这里包含两个过程

执行 javascript 脚本

我们可以将 javascript 脚本包含于 App 的 Bundle 内,作为应用程序资源。在运行期将其通过 WebKit 注入至目标网页内执行。

首先我们要准备一个目标网页,这里就以我自己的博客来做一个示例(http://www.easck.com/p>

iOS9中的WebKit 与 Safari带来的惊喜

现在,我就将我博客上首页的大标题的文字改掉,具体的代码很简单:


$(".page-header h1").text("iOS注入测试");

然后,在 iOS项目内增加一个叫 inject.js 的脚本文件,将上述代码复制其内。

在 App 内包含的 javascript 脚本最好先在浏览器的控制台内执行一次,以确保脚本自身是可以被正确执行的。如果脚本中含有潜在错误,在App内是无法检测得到的。

然后,在控制器的构造函数内创建一个 WKWebViewConfiguration