当前位置: 首页 > Share, Web, Wordpress, 我的日志 > 正文

生成当前页面二维码

 随着如今智能手机的越来越普及,二维码可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

 

本文固定链接: http://rodney.im/wp_1140.html | rodney的火星 – 发现、品味、记录、分享精彩与快乐的生活|新知

该日志由 rodney 于2014年12月31日发表在 Share, Web, Wordpress, 我的日志 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: 生成当前页面二维码 | rodney的火星 – 发现、品味、记录、分享精彩与快乐的生活|新知
【上一篇】
【下一篇】

生成当前页面二维码:等您坐沙发呢!

发表评论


快捷键:Ctrl+Enter