javascript - QR 码使用特殊字符编码破坏哈希链接

Question

在 iPad 上使用名为 jquery.qrcode 的 jquery 插件和名为 AT&TCodeScanner 的 qrcode 扫描仪，我的哈希链接将其特殊字符编码为其他内容，从而破坏了哈希。我不确定这是否是二维码本身的问题，所以我将其发布在这里。如果不是，我愿意删除它并将其移至 super 用户。

以下代码成功生成二维码。然而，当我用 iPad 在 AT&TCodeScanner 上扫描它时，哈希标签后面的所有特殊字符都会得到相当于对它们执行的encodeURIComponent() ("#"=> "%23", "=> "%3D,等)，弄乱了哈希链接。请参阅页面底部以获取实际扫描的链接。

<div class="qr-3 qr-code"></div>

<script>
$(document).ready(function() {

      $(".qr-3").qrcode({
        render: 'image',
        size: 86,
        fill: '#000',
        text: "http://www.google.com/search?tbm=shop&gws_rd=ssl#tbs=vw:l,mr:1,local_avail:1,seller:1311674%7C8740%7C1192406%7C9119074%7C3136905&q=lre3083st"
      });
});
</script>

http://www.google.com/search?tbm=shop&gws_rd=ssl%23tbs%3Dvw%3Al%2Cmr%3A1%2Clocal_avail%3A1%2Cseller%3A1311674%257C8740%257C1192406%257C9119074%257C3136905%26q%3Dlre3083st

Answer 1

我刚刚尝试了同样的东西，它似乎工作得很好。这是我使用的代码:

$('#qrcodeholder').qrcode({
        text    : "http://www.google.com/search?tbm=shop&gws_rd=ssl#tbs=vw:l,mr:1,local_avail:1,seller:1311674%7C8740%7C1192406%7C9119074%7C3136905&q=lre3083st",
        render  : "canvas",  // 'canvas' or 'table'. Default value is 'canvas'
        background : "#ffffff",
        foreground : "#000000",
        width : 150,
        height: 150
    });


});

相同的 html 是:

<div id="qrcodeholder"> </div>

当我扫描时，我得到相同的值，但我尝试使用名为“条形码扫描仪”的不同 QR 码扫描仪。

我正在使用jquery.qrcode.js，Generate QR Code using jQuery对此有更多解释。然而，我注意到的一件突出的事情是，您可能希望将 render:"image" 更改为 render:"canvas" 。