前端使用a标签启动本地.exe程序
2021/9/12 1:05:11
本文主要是介绍前端使用a标签启动本地.exe程序,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
目录- 1,需求
- 2,效果图
- 3,实现原理
- 4,代码
- 5,注意事项
1,需求
最近有一个需求,在web
页面上有一个按钮,点击按钮,调起本地的.exe
程序客户端,我在网上找了很多,感觉都不完整,所以自己总结写一下。
2,效果图
3,实现原理
主要实现方式是添加注册表;
新建一个qq.txt
文本文档(ps:文件名字随便起),把下面这段代码复制进去,根据下面的注意事项图片修改一下,保存后修改为.reg
后缀,双击确认运行。
4,代码
Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\qq] @="腾讯QQ" "URL Protocol"="" [HKEY_CLASSES_ROOT\qq\DefaultIcon] @="F:\\QQ\\Bin\\QQScLauncher.exe" [HKEY_CLASSES_ROOT\qq\shell] @="" [HKEY_CLASSES_ROOT\qq\shell\open] @="" [HKEY_CLASSES_ROOT\qq\shell\open\command] @="\"F:\\QQ\\Bin\\QQScLauncher.exe\" " //如果需要带参数,最后一行就换成这样=> @="\"F:\\QQ\\Bin\\QQScLauncher.exe\" \"%1\""
5,注意事项
在html
中就是一个a
标签调用
<a href="qq:">打开QQ</a> <!--如果想带参数--> <a href="qq:我是参数">带参数打开QQ</a>
在实际开发中,程序路径是不可控的,此时就需要客户端配合,由客户端开发人员在程序安装的时候写入注册表,写入成功后,注册表的格式如下;
windo+r
打开运行框 输入regedit
回车打开注册表编辑器
如果看了觉得有帮助的,我是@鹏多多,欢迎 点赞 关注 评论;END
PS:在本页按F12,在console中输入document.querySelectorAll('.diggit')[0].click(),有惊喜哦
往期文章
- 使用nvm管理node.js版本以及更换npm淘宝镜像源
- 超详细!Vue-Router手把手教程
- vue中利用.env文件存储全局环境变量,以及配置vue启动和打包命令
- 微信小程序实现搜索关键词高亮
- 超详细!Vue的九种通信方式
- 超详细!Vuex手把手教程
个人主页
- CSDN
- GitHub
- 简书
- 博客园
- 掘金
出处:https://www.cnblogs.com/-pdd/p/15231771.html
这篇关于前端使用a标签启动本地.exe程序的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-15AntDesign项目实战:新手入门与初级应用教程
- 2024-11-15AntDesign-Form-rules项目实战:新手指南
- 2024-11-14ESLint课程:初学者指南
- 2024-11-14Form.List 动态表单课程:新手入门教程
- 2024-11-14Redux课程:新手入门完全指南
- 2024-11-13MobX 使用入门教程:轻松掌握前端状态管理
- 2024-11-12前端编程资料:新手入门指南与初级教程
- 2024-11-12前端开发资料入门指南
- 2024-11-12前端培训资料:适合新手与初级用户的简单教程
- 2024-11-12前端入门资料:新手必读指南