取得二維碼的真實內容

現在二維碼真是隨處可見，大到支付，小到一道試題，都會使用到二維碼。掃一掃，世界真奇妙。

經過掃一掃，不一樣的場景下會產生徹底不一樣的效果，但二維碼自身其本質不變，那就是它是數據的一種圖形化形式。它所表明的就是一份特定的數據，今天，咱們把它呈現出來。

一個二維碼工具

在微信 - 通信錄 - 公衆號中，搜索「時間維度」，關注後，回覆「掃一掃」三個字，收到回覆後點擊就能夠進入該工具。

掃一掃

點擊下方的「掃一掃」，掃描二維碼，掃描成功以後，二維碼的原始內容就會顯示在上邊的文本框中，同時，出如今下邊的歷史記錄中。

若是二維碼的內容是連接，則可在歷史記錄中直接點擊跳轉，如圖所示。

歷史記錄

最近的 10 次掃描都會記錄在歷史記錄中，且會在本地保存，關閉微信再次進入，歷史記錄仍然會存在。能夠點擊「清除歷史記錄」進行清除。

爲了方便工具的使用，能夠在公衆號信息頁點右上角的三點，進入設置，選擇「添加到桌面」菜單，這樣，在桌面上就有一個能夠直接進入的圖標，就像一個普通的 APP 同樣很方便。

工具原理

微信公衆號容許開發人員經過 js 調用微信的掃一掃功能，並將二維碼的內容返回給腳本由腳本決定下一步流程。

關鍵代碼以下：

function scan() {
    wx.scanQRCode({
        // 默認爲0，掃描結果由微信處理，
        // 1則直接返回掃描結果
        needResult: 1, 
        // 能夠指定掃二維碼仍是一維碼，默認兩者都有
        scanType: ["qrCode", "barCode"], 
        success: function (res) {
            var result = res.resultStr; // 當needResult 爲 1 時，掃碼返回的結果
            document.getElementById("content").value = result; 
        }
    });
}

歷史記錄，則使用了 H5 的 localStorage，感興趣的朋友能夠交流嘗試。