• 首页
• Wordpress
• 正文

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

• 

• 随之长风

  3年前更新

• 关注 赞赏

015330

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

Wordpress
# WEB# 二维码

喜欢就支持以下吧

点赞0赞赏

分享

收藏0