介绍
这篇文章是为前端开发者写的，主要介绍使用npm包 cordova-plugin-queries-schemes-okit来解决iOS 9及以下版本应用打开外部链接的问题。
cordova-plugin-queries-schemes-okit是一个 Apache Cordova/PhoneGap 插件，用于解决 iOS 9 及更低版本下应用打开外部链接的问题。iOS 9 引入了一种叫做“应用间 URL 调用（Universal Links）”的新特性，这一特性使得应用可以与 Web 相互跳转，但这种跳转行为会破坏之前的应用间链接拦截机制，会导致应用调用失败。
安装
- 安装cordova-plugin-queries-schemes-okit
cordova plugin add cordova-plugin-queries-schemes-okit
- 在config.xml文件中设置白名单，并将需要支持打开的链接添加到Queries Schemes中，如：
-- -------------------- ---- -------
--------
------- ------------
----------------- ----------
------------- ----------
-----------------
----- --------------------
------------------
--------- -----------
------------- ---------------
------------- --------------------
------------- -----------------
------------- --------------
------------- --------------
------------- --------------
------------- ---------------
-------- ----------------------
------ ------------------ ------------------------
----------
-----------
---------需要注意的是，Queries Schemes是限制iOS版本在9.0以下的设备使用的，因此需要根据自己的需求进行选择和添加。
使用
- 配置外部链接响应函数
在 JavaScript 中，通过 window.handleOpenURL(url) 可以定义所有外部链接的响应函数：
window.handleOpenURL = (url) => {
console.log("url: " + url);
};- 打开外部链接
window.open(url, "_system");
此时会弹出系统默认浏览器打开外部链接，同时也会调用之前设置的响应函数。
示例代码
-- -------------------- ---- -------
---------------------------------------- -------------- -------
-------- --------------- -
-------------------- - -------- ----- -
----------------- - - -----
--
--- --- - -------------------------
---------------- -----------
-总结
在 iOS 9 以前的版本中，应用打开外部链接有相应的机制进行拦截和判断，但是 iOS 9 引入了新特性 Universal Links，使得应用间可以相互调用，但也破坏了之前的拦截机制，导致应用打开外部链接失败的问题。npm包 cordova-plugin-queries-schemes-okit就是专门为解决这个问题而开发的一个插件，使用非常方便，只需要通过白名单和queries schemes来添加需要支持打开的链接，并设置相应的响应函数即可。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056ccd81e8991b448e658c