利用JS生成二维码图片,优化WEB性能及页面加载速度
  1. <script src=“//cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js”></script>  
  1. <?  
  2. <!–?php if (zm_get_option(‘qr_img’)) { ?–>  
  3. <!– table模式下修复点阵过于分散导致二维码扫描失效问题 –>  
  4.   
  5. <style>.qr-img td { border: none;padding: 0;}</style>  
  6.   
  7. <span class=“qr-img”>  
  8. <img class=“alignnone” style=“position: absolute; top: 75px; right: 75px; width: 30px; height: 30px;” src=“https://www.xxko.net/favicon.ico” /></span>  
  9. <div id=“qr-img”></div>  
  10. <div id=“floatbtn-qr-msg”>手机扫一扫 精彩随身带</div>  
  11. <script type=“text/javascript”>  
  12.         if(!+[1,]){ /* 新增判断:如果是IE浏览器,则使用table兼容方式 */  
  13.             Render = “table”;  
  14.         } else {  
  15.             Render = “canvas”;  
  16.         }  
  17.         $(‘#qr-img’).qrcode({width:150,height:150,render:Render,correctLevel:0,text:window.location.href});    
  18.     </script>  
  19. <!–?php } ?–>  
  1. <script type=“text/javascript”>  
  2. if(!+[1,]){ /* 新增判断:如果是IE浏览器,则使用table兼容方式 */  
  3.      Render = “table”;  
  4. else {  
  5.      Render = “canvas”;  
  6. }  
  7. $(‘#qr-img’).qrcode({width:150,height:150,render:Render,correctLevel:0,text:window.location.href});   
  8. </script>  
© 版权声明
THE END
喜欢就支持以下吧
点赞0赞赏
分享
评论 抢沙发

请登录后发表评论