36

当用户单击带有自定义协议的链接时(例如myapp://superlink

我需要启动应用程序或允许用户下载并运行配置应用程序

我正在寻找跨浏览器的方法来检查自定义协议是否已注册

我试图通过检查用户代理服务器端(对于 IE)来确定这一点

[HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Microsoft\Windows\CurrentVersion\Internet Settings\5.0\User Agent\Post Platform] "myapp"=""

发送

`....NET CLR 3.0.30729; .NET4.0C; .NET4.0E; InfoPath.3; **myapp**`

作为用户代理

这是好的,干净的方式,易于配置:

只需下载 .reg 文件并运行它或通过 ms windows 策略传播

我无法为 Chrome 和 Firefox 解决此问题

是否有任何客户端解决方案(在 js 中)?

我的环境:IE8+、Chrome(最新)、Firefox(最新)

4

6 回答 6

26

有一个老把戏,它永远不会让我失望。

您需要的核心功能是setTimeout. 我会详细告诉你:

setTimeout(function() {
  window.location = "http://itunes.com/app/yourapplocation";
}, 200);

// once you do the custom-uri, it should properly execute the handler, otherwise, the settimeout that you set before will kick in
window.location = "myapp://superlink";

现在你提到它可能是一个或多个链接,所以我做了这个很好的功能只是为了你的方便:

HTML 代码

<a href="myapp://superlink" data-href-alt="http://itunes.com/app/yourapplocation">Click here</a>

JS代码

$("a[href*='myapp://']").click(function(e)
{
  var el = $(this);
  setTimeout(function() {
    window.location = el.data("data-href-alt");
  }, 200);

  // once you do the custom-uri, it should properly execute the handler, otherwise, the settimeout that you set before will kick in
  window.location = el.data("href");

  e.preventDefault();
});

希望对你有帮助 :)

于 2014-08-29T02:21:08.313 回答
19

我有一个类似的问题,我需要检查自定义协议是否已经注册(这将打开一个可执行文件),或者打开一个下载页面或做其他事情。不幸的是,没有简单的方法来处理这个问题,因为每个浏览器的行为都不同。我试图收集所有信息并为此提出一个相当通用的库,您可以看一下:

https://github.com/ismailhabib/custom-protocol-detection

ps:非Windows 8 IE的解决方案比较难看,但我找不到更好的解决方案。

于 2015-03-11T20:31:18.620 回答
9

由于某种原因,kororo 的解决方案对我不起作用,所以我改用这个稍微修改过的解决方案。

<html>
<a id="link">Click Me</a>
<script>
var link = document.getElementById('link');
var timeout;
window.addEventListener('blur',function(e){
    window.clearTimeout(timeout);
})

link.addEventListener('click', function(e) { 

    timeout = window.setTimeout(function() {
      console.log('timeout');
      window.location = "https://myapp.net";
    }, 1000);

    window.location = "myapp://";
    e.preventDefault();
});
</script>
</html>
于 2015-09-02T16:40:32.690 回答
4

请注意,截至 2020 年 2 月,似乎没有可行的方法来做到这一点。仅考虑 Chrome,@kororo 或 @habsq 的解决方案目前都不起作用。原因是我们试图通过检查是否存在 URL 协议处理程序来实现的目标实际上被某些人认为是一种安全风险。

所以我的建议是不要坚持不懈地试图让它发挥作用。

如果您尝试完成这项工作,最好的情况是您成功了,直到某些浏览器删除了让您“破解”检查 url 协议的机制,然后您又回到了原点。

一个更简单的方法是做即使是非常大的网站也会做的事情,并在您的页面上使用 javascript 来说明如下内容:

window.location = "myprotocol://asdf";

哪个可以工作,也可以不工作,然后在页面上显示一条消息,说“如果这不起作用,那么请在某个链接下载我们的软件”

于 2021-02-14T23:21:38.917 回答
2

更新 Korono 的答案,这对我有用:

$(function() {
    var timeIndex;
    $("a[href*='myapp://']").blur(function(e)
    {
        clearTimeout(timeIndex);
    });

    $("a[href*='myapp://']").click(function(e)
    {
      var el = $(this);
      timeIndex = setTimeout(function() {
        window.location = el.attr("data-href-alt");
      }, 200);

      // once you do the custom-uri, it should properly execute the handler, otherwise, the settimeout that you set before will kick in
      window.location = el.attr("href");
      e.preventDefault();
    });
});
于 2017-10-12T20:37:06.097 回答
0

萨拉姆

安装ismailhabib/custom-protocol-detection

通过包含这个 JS 文件protocolcheck.js

然后编写类似这样的代码

<div id="protocol" href="myprotocol:johndoe@somewhere.com">Check Protocol</div>

<script>
        $("#protocol").click(function (event) {
            protocolCheck($(this).attr("href"), function () {
                    alert("protocol not recognized");
                });
            event.preventDefault ? event.preventDefault() : event.returnValue = false;
        });
</script>
于 2019-06-21T05:58:25.390 回答