手机做网站同步（PC网页同步生成手机网页二维码）

现在大多PC网站都有与其同步的手机网站，为了浏览方便，可以在PC端网页上自动生成手机网页二维码，这样用户只要用手机扫二维码就可以在查看对应的手机网页了。

下面介绍一下手机做网站同步方法，实现PC网页同步生成手机网页二维码。

方法/步骤

1. 下载网页二维码图片生成插件：QRCode.js。QRCode.js 是一个用于生成二维码图片的插件。下载链接: https://pan.baidu.com/s/1Uyv1Wgq9G_JLThPhaQpbNA 提取码: spvt；
2. 将下载下来的qrcode.js传到自己网站空间的根目录下；并使用以下的代码引入到自己的网页</head>标签上面（注意：需要先引入jquery）；

   
   <script type="text/javascript" src="网站域名/qrcode.js"></script>
   
   

3. 在需要显示网页对应手机网页二维码的位置，放在以下的DIV；

   
   <div id="qrcode"></div>
   
   

4. 在网页的特别底部</body>标签上面放上以下的JS代码，用于自动生成对应的手机网页二维码；

   
   <script type="text/javascript">
   
   // 设置参数方式
   
   var qrcode = new QRCode('qrcode', {
   
   text: window.location.href,
   
   width: 100,
   
   height: 100,
   
   colorDark : '#000000',
   
   colorLight : '#ffffff',
   
   correctLevel : QRCode.CorrectLevel.H
   
   });
   
   </script>
   
   

   可以在代码里设置二唯码图片的大小尺寸，以及二唯码图片的颜色。

5. 这样就完成了手机做网站同步，每当网站发布了一片文章后，就会自动生成一个对应的手机网页二唯码。

以下是PC网页同步生成手机网页二维码的实例代码：

<script type="text/javascript" src="jquery.min.js"></script>

<script type="text/javascript" src="qrcode.js"></script>

<div><span class="shoujiliulan">[手机学习]<span id="qrcode"></span></div>

<script type="text/javascript">

$(".shoujiliulan").click(

function(){

$("#qrcode").slideToggle();

});



var qrcode = new QRCode('qrcode', {

text: window.location.href,

width: 120,

height: 120,

colorDark : '#000000',

colorLight : '#ffffff',

correctLevel : QRCode.CorrectLevel.H

});

</script>