微信小程序上線以來已有一個多月，并且被很多創業者熱捧，認為是又一個創業春天的到來。今天我們暫且不去探討小程序的未來，只來探討一個小問題，有沒有辦法通過手機瀏覽器來打開微信小程序?

我們知道，對于微信公眾號，我們在瀏覽器中長按二維碼，就可以直接進入公眾號。但是微信小程序并沒有這個待遇，你長按二維碼之后只會識別出一個網址，然后該網址會引導你下載微信APP。而要打開小程序，只有兩種方法，掃描二維碼或者在微信中輸入完整的小程序名稱搜索。

由于微信并沒有推出官方小程序商店，并且要在微信搜索小程序，必須輸入完整的名稱，因此這給用戶造成了一定的不便，因為很多小程序的名稱跟我們平時熟知的名稱是不同的，例如“攜程旅游”的小程序名稱是“攜程酒店機票火車票”。之前在網上曾經看到說360手機助手在微信公眾號推出了長按二維碼“秒開”小程序的功能，今天進去看了一下，原來這個所謂的二維碼也只不過是公眾號的二維碼，只不過對于已經開通了小程序的公眾號，微信會在公眾號詳細資料頁面顯示“相關小程序”欄，如下圖。但有部分小程序并沒有公眾號的，因此這種打開方式也是具有一定局限性的。

而百度了一下，目前已經出現了很多第三方應用市場，但大部分并未針對手機端進行設計。前兩天跟一位朋友談起這個事情，得知他也正在搞這樣一個小網站（蝌蚪小程序商店，經鑒定這是軟文^_^）。其他不啰嗦，回到正題。

要實現手機瀏覽器打開微信其實不難，只要通過超鏈接或js打開“weixin://”即可，當然這個只能實現“跳轉到”微信功能，我們并不能對跳轉之后的微信下達任何指令。例如，如果你在跳轉之前用微信聊天，通過瀏覽器跳轉后的界面還是原來的界面，因此，要想通過手機瀏覽器直接進入指定的微信小程序是無法實現的（至少目前來說）。不過，針對“跳轉”這個動作之前的操作，我們還是可以做一下優化的，例如，幫用戶完成復制文字和跳轉到微信這個過程。

但在嘗試使用常規的js代碼來實現copy功能的時候，發現在手機上瀏覽器上根本運行不了，知乎上已經有人討論過這個話題。經過一番查找，終于找到了這個js，，它是一個開源的js庫，不依賴任何第三方框架，壓縮版只有11k，因此很適合移動端使用。

先看一下實現效果：

點擊“直達微信”將完成復制過程并跳轉到微信

提示打開微信

當用戶點擊“直達微信”按鈕的時候，自動將小程序名稱copy到剪切板，然后會跳轉到微信，這可以在一定程度上簡化用戶的操作。

實現代碼超乎想象地簡單

var = new ('.btn-copy');

.on('success', (e) {

toastr.success('已復制以下內容：'+e.text+'

請到微信搜索框中直接粘貼搜索

如果瀏覽器彈出打開微信提示，請點擊“打開”', '提示', {: 'toast-bottom-center'});

e.();

((){window..href='weixin://';},5000);

});

上面的代碼會綁定到.btn-copy這個class上面，然后所有定義了這個class的按鈕都會生效。上面還用到toastr.js這個開源庫。

此外，我還在朋友這個網站中找到了一些亮點，例如他使用了使網站能夠很好適配PC端和移動端，同一個網頁有兩種不同的呈現，雖然訪問速度及呈現效果不一定是最優的。當我問朋友為何不單獨設計頁面的時候，他只說了一個字——“懶”。看來，懶人會有懶人的辦法，今后有空我們也來探討一下的使用問題，這個工具雖然強大，但其中也會有很多坑。