在移动设备中，WebApp 可以为用户提供类似原生应用的体验。有时候，WebApp 需要跳转到系统浏览器（如 Safari）来展示某些内容（如支付页面）。本文将介绍如何在 iOS 7 中通过 JavaScript 代码实现从 WebApp 打开 Safari 的功能。
使用 Safari 的 URL Scheme
Safari 在 iOS 中支持 URL Scheme，即通过特定的链接协议来控制 Safari 的行为。我们可以使用 window.open() 函数打开一个指定的 URL Scheme，从而实现从 WebApp 打开 Safari 的目的。
以下是通过 URL Scheme 打开 Safari 的代码：
window.open('http://www.apple.com', '_system');其中，http://www.apple.com 是要打开的网址，_system 是告诉系统使用系统默认的浏览器来打开链接。如果不加 _system 参数，则会在当前 WebApp 中打开链接。
需要注意的是，该方法只能在 iOS 设备上使用，Android 设备的 URL Scheme 不同，不能通用。
示例代码
下面是一个完整的示例代码，演示了如何在 WebApp 中使用 URL Scheme 打开 Safari：
-- -------------------- ---- ------- --------- ----- ------ ------ ------------ ------ ------------ ------ --------------- ---------------------------- ------------------- ------- ------ ----------- ------------ --------- --- ------ ----- -- ---- ----------- -------- --------------------------- --------------- -------- ----------------------- ---------- ------------ - -------------------------------------- ----------- --- ---------- ------- -------
在上述代码中，我们使用了 window.open() 函数来打开 http://www.apple.com 这个 URL Scheme。用户可以点击页面上的按钮，触发 openSafari() 函数来打开 Safari。
总结
通过本文的介绍，我们学习了如何使用 URL Scheme 在 iOS 7 中从 WebApp 打开 Safari。这项技术可以为用户提供更好的体验，同时也可以帮助开发人员实现一些特定的功能需求。需要注意的是，URL Scheme 只能在 iOS 设备上使用，不能在 Android 设备上通用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28696