利用URL Protocol实现从浏览器打开本地应用程序的方案

利用URL Protocol实现从浏览器打开本地应用程序的方案

利用URL Protocol实现从浏览器打开本地应用程序的方案,例如,我们可能会遇见从谷歌浏览器跳转到IE浏览器的某个需求。

需求前景:

在谷歌浏览器访问管理系统,在使用某个第三方插件或url时,对方仅支持在IE浏览器下使用插件,在这种前提下,需要实现从谷歌浏览器打开IE浏览器并自动跳转到某url下的方案。

实现思路:

  1. 利用注册表,注册自定义的URL protocol,例如 bssoft://,在这个协议(注册表)中,定义“打开本地ie浏览器”的操作。
  2. 在js中添加跳转代码,例如我需要在点击某个按钮时,通过自定义协议访问到注册表项,并打开IE浏览器,指定业务url地址。

实现步骤:

  1. 编写注册表文件
Windows Registry Editor Version 5.00
 
[HKEY_CLASSES_ROOT\bssoft]
@="bssoft Protocol"
"URL Protocol"=""
 
[HKEY_CLASSES_ROOT\bssoft\DefaultIcon]
@="C:\\Program Files (x86)\\Internet Explorer\\iexplore.exe"
 
[HKEY_CLASSES_ROOT\bssoft\shell]
@=""
 
[HKEY_CLASSES_ROOT\bssoft\shell\open]
@=""
 
[HKEY_CLASSES_ROOT\bssoft\shell\open\command]
@="C:\\Program Files (x86)\\Internet Explorer\\iexplore.exe http://localhost/plugin/camera/preview?id=%1 "

将文件保存为 bssoft.reg ,其中 bssoft 是自定义的名称, 文件末行的 %1 是向浏览器传递的参数。

  1. 将注册表进行注册,双击运行 bssoft.reg。
  2. 在你的业务代码中,添加访问事件
table.click('fast_login', function (btn) {
    var id = $(btn).data('hostid');
    window.location.href = "bssoft://"+id;
});
  1. 此时,在点击按钮后,浏览器会提示你是否打开 IE ,打开后 IE浏览器会自动访问配置的url地址。

总结:

为什么需要利用注册表实现?

因为ActiveXObject 对象是IE浏览器专属,并且谷歌浏览器对于NPAPI 插件在42版本后就抛弃了,以及浏览器自身的安全策略定义不允许用户通过js访问应用程序或shell脚本等。

那么,在日常开发工作中,大部分公司已经不再使用IE开发,换成谷歌或其他非IE内核浏览器时,一旦使用某个插件对于跨浏览器的不兼容性,必须通过某种方案实现浏览器之间的跳转。

这个步骤浏览器自身是不支持的,所以延伸下来,通过自定义的URL Protocol 注册表来实现。 同样的原理可参照迅雷下载链接,百度网盘下载链接。

利用URL协议实现网页调用本地应用程序并传参的方法主要有以下几个步骤: 1. 创建一个自定义URL协议:首先需要创建一个自定义URL协议,比如"myapp://",用于标识要调用的本地应用程序。 2. 在本地应用程序中注册URL协议:在本地应用程序的配置文件中注册URL协议,指明该协议应用程序的关联,以便正确打开应用程序。 3. 在网页中设置链接:在网页中设置一个链接,并使用上述自定义URL协议来调用本地应用程序。例如,使用"myapp://"的链接来打开目标应用程序。 4. 传递参数:在URL中添加参数,以便将需要传递给本地应用程序的数据传输过去。可以将参数添加在URL的查询字符串部分,使用"?"符号将URL与参数分隔开,并使用"&"符号将多个参数连接起来。 5. 本地应用程序接受参数:在本地应用程序中,通过解析URL获取传递过来的参数。可以使用JavaScript、Objective-C、Java等不同语言来处理URL并获取参数。 6. 处理参数逻辑:根据传递过来的参数,本地应用程序可以执行相应的逻辑处理,比如展示特定的界面、进行数据处理等。 总之,利用URL协议实现网页调用本地应用程序传参,关键是通过自定义URL协议来建立网页和应用程序的通信桥梁,然后通过URL传递参数,最终由应用程序接受参数并执行相应的逻辑处理。这种方式可以方便地在网页中调用本地应用程序,并实现数据的传递。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值