生成当前页面二维码

2,563次阅读
没有评论


 随着如今智能手机的越来越普及,二维码可A以说是到处可见,微博上满天飞,二维码作为一个最简单方便向手机传送消息的方法在网站上的支持也越来越重要,特别是传输网页URL,只要扫一扫图片,你就能找到你的网页文章。这不,许多的博主们都在自己的网页上加上了自己的网页二维码了。

    本来利用Google API为网页添加二维码,是最好的选择。但是,内地网络因素,内地访问无法实现该办法。

现在介绍生成单签页面二维码的最简单的办法。

一、最简单的代码:

 

<head>
    <meta charset='utf-8' />
    <!-- js引用包 -->
    <script src='http://libs.baidu.com/jquery/1.9.0/jquery.min.js'></script>
     
    <script type="text/javascript" src="http://jq22.qiniudn.com/jquery.qrcode.min.js"></script>
     
   
 
  </head>
  <body>
     
    <!-- 二维码绘制区域 -->
<div id="qrcodeCanvas"></div>
 
     
  </body>
 
  <script style='text/javascript'>
      $('#qrcodeCanvas').qrcode({
             text: window.location.href,//二维码代表的字符串(本页面的URL)
             width: 167,//二维码宽度
             height: 167//二维码高度

      });

    </script>

   

 

二、下面的给爱折腾的人,实现本地化:

  ①下载下面的“js.zip”到“你的网址/js”

  ②在想要的地址添加如下代码,就能实现本地化了:

 

<head>
    <meta charset='utf-8' />
    <!-- js引用包 -->
    <script src='http://你的网址/js/jquery.min.js'></script>
     
    <script type="text/javascript" src="http://你的网址/js/jquery.qrcode.min.js"></script>
     
   
 
  </head>
  <body>
     
    <!-- 二维码绘制区域 -->
<div id="qrcodeCanvas"></div>
 
     
  </body>
 
  <script style='text/javascript'>
      $('#qrcodeCanvas').qrcode({
             text: window.location.href,//二维码代表的字符串(本页面的URL)
             width: 167,//二维码宽度
             height: 167//二维码高度
      });
    </script>

 

         下载地址:http://pan.baidu.com/s/1c01ts1y

 引用地址:

http://www.jq22.com/code/detail/27

 



 
评论(没有评论)
验证码