qrcode生成的二維碼，在蘋果等手機上長按可識別，在華為手機上長按沒有反應，截圖保存下來長按又可以識別。

#問題原因
瀏覽器兼容問題
qrcode在頁面生成二維碼時，會生成一個canvas標簽和一個img標簽。在電腦瀏覽器上調試的時候，發現生成二維碼之后canvas標簽是會自動隱藏的，然后展示img標簽，我們看到和識別的其實是圖片。但是在華為手機上生成的canvas是不會隱藏的，我們看到的是canvas，所以無法識別，截圖卻可以。
#解決辦法
手動將canvas隱藏，獲取生成的鏈接拼到圖片里面。
html頁面：

<!--用于存放canvas，隱藏--> <div id="QRCodeNone" style="width:54%;height:200px;margin:8% 0 8% 23%;display:none;"> </div> <!--用于存放二維碼圖片--> <div id="QRCode" style="width:54%;height:200px;margin:8% 0 8% 23%;"> </div> function makeQRCode() {var qrcode = new QRCode(document.getElementById("QRCodeNone"), {text: params,//二維碼數據width: 200,height: 200});//在小米或者華為手機上生成的二維碼是通過canvas展示的，img標簽被隱藏,所以需要特殊處理一下，將canvas標簽隱藏，拿到生成的url放到img里面再展示出來var myCanvas = document.getElementsByTagName('canvas')[0];var img = convertCanvasToImage(myCanvas);$("#QRCode").append(img); }; //將canvas返回的圖片添加到image里 function convertCanvasToImage(canvas){var image = new Image();image.src = canvas.toDataURL("image/png");return image; } makeQRCode()

總結

以上是生活随笔為你收集整理的qrcode方法生成的二维码安卓手机长按不识别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。