0°

利用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>  
© 除特别注明外,本站所有文章均为 信息库博客 原创,转载请注明出处来自 https://www.xxko.net/js-web.html
「点点赞赏,手留余香」

    还没有人赞赏,快来当第一个赞赏的人吧!
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论