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手把手教程
個人主頁