【该博客是拼接他人的，原因我们这边PC的开发人员问我，有没有关于js某个对象直接能检测手机或者电脑的自定义协议的，我上网搜了下，貌似移动端的解决比较多】

最终解决方案：还是需要github上面大神写的方法：protocolcheck

https://www.lefer.cn/posts/34578/

之前在《自定义通用URL协议实现在浏览器中打开本机任意程序》介绍了通过自定义协议使的浏览器可以调起客户端本地程序的方法，在企业环境的实际应用中，又面临着如何检测自定义的协议是否存在的问题，ie下可以通过activex检测注册表项，chrome该怎么办呢？有没有通用的解决办法呢？答案是肯定的，甚至有人已经将该功能封装成了通用JS。具体如下。

  • 访问 github，下载 protocolcheck.js 。引用该js后，即可使用以下代码检测

    window.protocolCheck(href,callback)

    示例代码


    • <!DOCTYPE html>
      
<html>
      
<head lang="zh">
      
    <meta charset="UTF-8">
      
    <title>自定义协议探测</title>
      
</head>
      
<body>
      
    <h1>Click one of these labels:</h1>
      
    <div href="unexists:randomstuff">一个不存在的协议</div>
      
    <div href="ff://C:/Windows/System32/notepad.exe">一个存在的协议</div>
      
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
      
    <script src="protocolcheck.js"></script>
      
    <script src="example.js"></script>
      
</body>
      
</html>

      exampe.js

    • $(function () {
      
    $("div[href]").click(function (event) {
      
        window.protocolCheck($(this).attr("href"),
      
            function () {
      
                alert("协议未注册");
      
            });
      
        event.preventDefault ? event.preventDefault() : event.returnValue = false;
      
    });
      
});

      运行效果

  • 点击第一个a标签时，提示协议未注册，点击第二个a标签时，正常打开了记事本程序。

  • END

使用JS检测自定义协议是否存在的更多相关文章

  1. js检测客户端是否安装

    前言 需求背景:一个web下载页面,需要检测pc是否安装了客户端软件(windows软件).网页上有一个打开客户端按钮.若安装了客户端软件,则直接打开,否则下载软件.支持web下载页面在iframe下 ...

  2. C#综合揭秘——通过修改注册表建立Windows自定义协议

    引言 本文主要介绍注册表的概念与其相关根项的功能,以及浏览器如何通过连接调用自定义协议并与客户端进行数据通信.文中讲及如何通过C#程序.手动修改.安装项目等不同方式对注册表进行修改.其中通过安装项目对 ...

  3. 【转】C#综合揭秘——通过修改注册表建立Windows自定义协议

    引言 本文主要介绍注册表的概念与其相关根项的功能,以及浏览器如何通过连接调用自定义协议并与客户端进行数据通信.文中讲及如何通过C#程序.手动修改.安装项目等不同方式对注册表进行修改.其中通过安装项目对 ...

  4. 采用自定义协议代替OCX组件

    事情起源:公司视频播放一直是采用的嵌入浏览器组件实现视频的预览回放等功能.这种实现方式要求客户使用IE浏览器. 最近上线项目使用Html 5开发,要求IE11.项目中使用了视频播放功能,如果全部升级到 ...

  5. 通过修改注册表建立Windows自定义协议

    引言 本文主要介绍注册表的概念与其相关根项的功能,以及浏览器如何通过连接调用自定义协议并与客户端进行数据通信.文中讲及如何通过C#程序.手动修改.安装项目等不同方式对注册表进行修改.其中通过安装项目对 ...

  6. netty 自定义协议

    netty 自定义协议 netty 是什么呢? 相信很多人都被人问过这个问题.如果快速准确的回复这个问题呢?网络编程框架,netty可以让你快速和简单的开发出一个高性能的网络应用.netty是一个网络 ...

  7. 从零开始实现简单 RPC 框架 7：网络通信之自定义协议(粘包拆包、编解码)

    当 RPC 框架使用 Netty 通信时,实际上是将数据转化成 ByteBuf 的方式进行传输. 那如何转化呢?可不可以把 请求参数 或者 响应结果 直接无脑序列化成 byte 数组发出去? 答:直接 ...

  8. 利用Netty构建自定义协议的通信

    在复杂的网络世界中,各种应用之间通信需要依赖各种各样的协议,比如:HTTP,Telnet,FTP,SMTP等等. 在开发过程中,有时候我们需要构建一些适应自己业务的应用层协议,Netty作为一个非常优 ...

  9. 利用JS实现自定义滚动条

    一般默认的滚动条会比较丑,我们可以用简单的js实现自定义滚动条的功能: 代码如下: <!doctype html> <html> <head> <meta c ...

随机推荐

  1. 104）PHP，目录树状输出

    使用特定数量的缩进达到树状目的! 核心问题,计算需要缩进的数量! 缩进级别,与递归调用深度保持一致.每当执行一级递归操作,所找到的文件的缩进级别+; 语法实现: 增加一个参数,表示当前函数调用的深度级 ...

  2. 70）PHP，cookie的安全传输和HTTPonly

    (1)是否仅安全传输:

  3. django的orm介绍以及静态文件介绍

    1 django中app的概念 大学:----------------- 项目 信息学院 ----------app01 物理学院-----------app02*强调:创建了app,要在配置文件中注 ...

  4. elasticsearch用法

    基本原理 搜索引擎的索引 倒排序 由value查找key 数据库的索引 由key查找value 用于解决分库分表后的排序分页 like查找 性能问题 日志库的全文搜索 spring集成时使用的不是re ...

  5. Qt QString类及常用函数功能详解

    QString 是 Qt 编程中常用的类,除了用作数字量的输入输出之外,QString 还有很多其他功能,熟悉这些常见的功能,有助于灵活地实现字符串处理功能. QString 存储字符串釆用的是 Un ...

  6. 查看python版本和django版本

    python --version 在python shell中: import sys sys.version import django django.VERSION

  7. mongodb Map/reduce测试代码

    private void AccountInfo() { ls.Clear(); DateTime dt = DateTime.Now.Date; IMongoQuery query = Query& ...

  8. PHP导出excel文件的多种方式

    1.第一种实现的方法 set_time_limit(0); //逐条导出数据 ob_end_clean(); header("Content-type: application/vnd.ms ...

  9. JSP9个内置对象和3个常用指令

    一.9个内置对象: 1.request对象客户端的请求信息被封装在request对象中,通过它才能了解到客户的需求,然后做出响应.2.response对象包含了响应客户请求的有关信息,但在JSP中很少 ...

  10. 前端学习之路CSS基础学习一

    CSS CSS定义如何显示HTML元素,当浏览器读到一个样式表,它就按照这个样式表来对文档进行格式化. CSS实例 每个CSS样式由两个组成部分:选择器和声明.声明又包括包括属性和属性值.每个声明之后 ...