取得二維碼的真實內容

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

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

一個二維碼工具

關注公眾號“時間維度”，回復“掃一掃”三個字，收到回復后點擊就可以進入該工具。

掃一掃

點擊下方的“掃一掃”，掃描二維碼，掃描成功之后，二維碼的原始內容就會顯示在上邊的文本框中，同時，出現在下邊的歷史記錄中。

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

歷史記錄

最近的 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，感興趣的朋友可以交流嘗試。