移动端测试——如何解决iOS端无法打开弹窗式网页（Webkit）

目录

一、什么是webkit？

1. 核心定义

2. iOS 的特殊限制

3. 弹窗拦截的逻辑

二、为什么 iOS 必须用 WebKit？

1. 苹果的官方理由

2. 实际后果

3.然而……

三、如何解决iOS端无法打开弹窗式网页？

1.用户

1.1 safari浏览器

1.2 夸克浏览器

2.开发者

---

#最近加入了实习，开始了针对实际业务的测试。在移动端测试时，我发现一个比较有趣的现象（被测网站采用弹出式窗口）：

• Android端：浏览器提供弹窗权限提示，用户可手动允许。连续允许3次后，浏览器默认放行该网站弹窗。

• iOS端：仅显示不可操作的错误提示（“窗口打开失败，请在浏览器的弹出式窗口和重定向设置中允许本网站操作”）和空白页面，无手动允许选项，如下图所示。

这是因为 苹果在 iOS 上的浏览器“技术霸权”——webkit！

一、什么是webkit？

1. 核心定义

WebKit 是一个开源的 浏览器渲染引擎（Rendering Engine），它的核心工作是：

• 解析：读取网页的 HTML/CSS/JavaScript 代码。

• 排版：计算每个像素该显示什么（布局、字体、颜色）。

• 渲染：把代码变成你看到的可视化页面。

换句话说：

WebKit 内核 就像是浏览器的“发动机”，负责把网页代码（HTML/CSS/JavaScript）转换成你看到的页面。

• 例子：就像汽车的引擎决定车速和油耗一样，WebKit 决定了浏览器如何加载网页、显示内容、处理弹窗等。

2. iOS 的特殊限制

• WebKit 最初由苹果从 KHTML（Linux 引擎）分支而来，现由苹果主导开发。

• iOS 的 App Store 审核规则 2.5.6 明确要求：所有浏览器必须使用 WebKit，禁止其他引擎，因此，夸克、Chrome 等浏览器在 iOS 上 本质是 Safari 的换皮版，功能受 WebKit 限制（如弹窗拦截策略与 Safari 一致）。

3. 弹窗拦截的逻辑

WebKit 会检查弹窗是否满足：

• 用户主动触发（如点击按钮）。

• 非用户触发（如页面加载完自动弹广告）。

如果是后者，引擎会直接拦截，并提示 "弹出窗口被阻止"。

二、为什么 iOS 必须用 WebKit？

1. 苹果的官方理由

• 安全：统一内核便于控制恶意网页。

• 性能：优化 iOS 设备电池续航。

• 生态控制：防止 Chrome/Firefox 通过自有引擎绕过苹果规则。

2. 实际后果

• 功能阉割：iOS 版 Chrome 无法使用 Google 的 Blink/V8 引擎，性能比安卓版差。

• 开发者适配成本：必须针对 WebKit 单独调试 CSS/JS。

3.然而……

• 2021 年欧盟《数字市场法案》认定此规则涉嫌垄断，苹果被迫在欧盟允许其他引擎（iOS 17.4+）

三、如何解决iOS端无法打开弹窗式网页？

1.用户

1.1 safari浏览器

• 以iOS17.5为例：在系统设置中下滑-->找到safari-->下滑，在通用中找到“阻止弹出式窗口”-->按钮置灰

• 

1.2 夸克浏览器

• 7.13.0版本未提供“阻止弹出式窗口”设置项

• 长按该链接-->在新窗口打开

2.开发者

• 用  替代 JS 弹窗

• 或者给予用户文字提示--iOS用户：请长按链接在新页面打开，或改用chrome/safari

~~~~~~~~~~个人成长记录&学习成果分享~~~~~~~~~~