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