admin管理员组

文章数量:1122847

场景需求：

最近工程的一个需求，用户点击链接：

  • 软件已经存在，则打开软件
  • 软件未安装，则提示用户下载；

问题可以拆分成两部分：

  • 判断软件是否存在,未安装时会提示用户安装；

  • 已安装软件，则点击打开软件；

超链接打开本地程序

<a href="glcloud://"></a>
<a href="mailto://evanxuhe@163:"></a>

点击即可启动本地软件，很神奇，找到软件注册表的信息，写入根目录名称即可打开，蛋疼的是该方法没返回值，软件不存在不会有任何反应，无法作为判断依据。

检测软件是否存在；

这部分才是难点，最简单的办法是使用navigator.plugins去检查对应的dll是否加载。但是在各大浏览器全面拒绝npapi之后，之前通过npapi加载本地dll插件的方法基本都不能用了，360浏览器极速内核支持可用。找了好久，参考了各路方式和StackOverflow的解法，在MIT大牛的基础上找到的解决方案:

StackOverFlow解决方案：
https://stackoverflow/questions/27489665/approaches-of-detection-of-custom-protocol-in-chrome-and-safari-browsers
Custom Protocol Detection in Browser源码:
https://github/ismailhabib/custom-protocol-detection

IE系列：
Win7 IE
<script>
        function findPlugins(){
        var shell = new ActiveXObject("WScript.shell");
        var reg=shell.RegRead("HKEY_CLASSES_ROOT\\glcloud\\URL Protocol");
}
</script>

更正一下，网上好多错的，是HKEY_CLASSES_ROOT\glcloud\URL Protocol
不是HKEY_LOCAL_MACHINE\SOFTWARE\Classes\glcloud\shell\open\command
command里没有任何可执行属性

Win8,Win10 IE

IE自带API判断
navigator.msLaunchUri(uri)

Chrome：

这个实现比较巧妙。当软件存在，点击链接会打开软件，鼠标跳出。因而创建一个SetTimeOut任务，当3s内鼠标仍未跳出，说明软件不存在。
navigator.plugins只能载入native client(nacl)、chrome PDF等几个组件，不支持npapi

360极速浏览器：

可以使用navigator.plugins载入所有插件（包括npapi），也可以同chrome使用相同解法

<script>
            function findPlugins(){
                var plugins = navigator.plugins;
                for (var i = 0; i <plugins.length; i++) {
                    var plugin_name=plugins[i].name;
                    console.log(plugin_name);
                    if (plugin_name=="Access Client") {
                        alert(plugin_name+"   已找到");
                        break;}}
}
</script>
火狐：

火狐在软件不存在时也会弹出选择框，目前还未解决欢迎大家贡献才智

最后附上本人的源码地址：

https://github/evanxuhe/Native-App-Protocal-Detection

本文标签： 安装程序浏览器JSchrome

版权声明：本文标题：JS实现 浏览器判断本地是否安装程序，并下载与启动 Chrome,IE,360可用 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/biancheng/1727389937a1247255.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。