零基础学做网站培训介绍

当前位置:

手机做网站同步(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>

相关阅读:

自适应手机网站制作课程已发布

wordpress手机网站插件 WP Mobile Edition

手机网站QQ会话功能怎么做

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关教程

  • 用手机怎么做网站?有些来到学做网站论坛的建站学员在咨询这样的问题,那么我们做网站可以用手机建吗?答案是肯定的,我们可以制作手机网站。如下图,
  • 在学做网站论坛的手机网站制作课程里,介绍了怎么制作一个手机网站。手机网站底部都会有一拨打电话功能,可以允许用户点击直接拔打电话。下面学做网
  • 手机网站越来越多,通常在手机网站制作时,如果页面很多的情况下,我们会使用分页功能,通过分页的方式来显示不同的内容。手机网站除了使用这样的普
  • 课程目标:制作出一个手机网站的主题课后作业,跟着视频,完成一个相同主题的制作。获取博客名字:<?php bloginfo('name'); ?>获取主页路径
  • DEDECMS怎么仿手机网站DEDECMS仿手机网站时,移动端的模板必须与PC的模板相对应,你PC有多少个模板页面,移动端就必须有多少个模板。他们两者的互
  • 我们知道,现在手机网站的流量非常大,我们自己做网站时也要做手机网站。wordpress功能非常强大,也是支持制作手机网站。今天介绍一下wordpress怎么仿
  • 请教一下:我自己挺想学习做网站的,但我现在还没有自己的电脑,只有手机和平板,那么手机上可以做网站吗?手机上怎么做网站呢,是不是与你们免费建
  • 据统计,现在使用手机浏览网页的人数已超过使用电脑浏览的人数。对于学习做网站的学员来说,学习创建WAP手机网站已是建网站必学的课程了。零基础新
  • 很多网站之前只制作了唯一的PC端网站,没有做自适应手机网站,这样用户访问网站时,就会显示PC端版面,导致在手机端只能显示出网站的一部分。如下图:
  • 我们知道,现在手机网站的用户越来越多,我们制作了手机网站后,为了方便用户沟通,可以在手机网站上添加QQ在线临时会话功能。效果如下图:制作这样