手機端點擊鏈接喚醒微信內置瀏覽器并打開指定頁面
可能有很多這樣的需求,但目前微信確實沒有開發直接打開微信瀏覽器的協議參數,只能打開微信部分功能!
通過a標簽喚起微信:
<a href="javascript:window.location.href='weixin://'">打開微信</a> <a href="weixin://">weixin:// </a> // 控制何時喚起微信 <script> // 可以寫一些前置條件,比如復制一段文字 let a = document.querySelector('a') a.href = 'weixin://' </script>
通過a標簽喚起微信,有缺陷,沒辦法帶參數過去我們可以通過引入clipboard插件來復制一段文字來完成傳遞數據(比如關注公眾號之類的)
clipboard插件中文網地址
<html> <body> <a>打開微信</a> <body> </html> <script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script> <script> // 簡單復制5個數字并打開微信 new Clipboard('DOM的類名等 比如傳a', { text: function () { return '12345' } }) let a = document.querySelector('a') a.href = 'weixin://' // 下面這些是喚起微信具體到某個頁面的鏈接 weixin://dl/scan 掃一掃 weixin://dl/feedback 反饋 weixin://dl/moments 朋友圈 weixin://dl/settings 設置 weixin://dl/notifications 消息通知設置 weixin://dl/chat 聊天設置 weixin://dl/general 通用設置 weixin://dl/officialaccounts 公眾號 weixin://dl/games 游戲 weixin://dl/help 幫助 weixin://dl/feedback 反饋 weixin://dl/profile 個人信息 weixin://dl/features 功能插件 </script>
通過插件callapp-lib喚起微信等app
比如我們在這里通過callapp-lib喚起微信
<script src="https://unpkg.com/callapp-lib"></script> <script> const options = { scheme: { protocol: 'weixin' //必填項 URL Scheme 的 scheme 字段,要打開的 APP 的標識,比如這里是微信的標識 }, intent: { //安卓原生谷歌瀏覽器必須傳遞 Intent 協議地址,才能喚起 APP // 這兩個是intent的必填項 package: 'com.tencent.mm',//騰訊微信包名 scheme: 'weixin'、 }, appstore: 'https://weixin.qq.com/', //必填項 APP 的下載地址,比如這里是微信的下載地址 yingyongbao: 'https://sj.qq.com/myapp/detail.htm?apkName=com.tencent.mm', //必填項 APP 的應用寶地址,比如這里微信的應用寶下載地址 fallback: location.href //必填項 喚起app端失敗后跳轉的地址。 }; //callapp-lib 中傳遞出來的是一個類,你需要將它實例化,然后才能去調用實例對象的方法 const callLib = new CallApp(options); // 這里是喚端方法。 callLib.open({ // 如果只是喚起app,不需要打開app的某個頁面,填空字符串就可以 path: '' //打開app某個頁面,需要接收的參數。如果沒有就不用寫 //param: {}, }); </script>