利用JS生成二维码图片,优化WEB性能及页面加载速度

随之长风
发布在 Wordpress
  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>  

参与评论

请登录后操作...