零基础学做网站培训介绍

当前位置:

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

相关阅读:

「wap网站建设」怎么创建WAP手机网站

怎么制作WAP手机APP客户端

wordpress手机网站插件 WP Mobile Edition

发表评论

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

相关教程

  • 什么是自适应手机网站 视频教程 (192877 次浏览)
    以下为学做网站论坛关于“什么是自适应手机网站”讲解视频教程。
  • 老师你好,我前几天一直在学习手机站课程,对于课程中的案例网站特别喜欢,自己就跟着课程一步步做了一遍。也做了课程笔记,感觉学到了很多知识。
  • 什么是手机域名手机域名又叫Mobi域名。Mobi是被ICANN批准,并致力于将internet内容传送到移动装置,例如智能电话,PDA,手机等的专属域名
  • 各类微博的流量很大,如果自己网站内容能够同步更新到自己的微博上,可以让更多的人看到自己网站上的内容了。如何将自己网站内容同步更新到微
  • 自己做网站时发布的文章,希望越多人看越好.怎么才能找到人流量大的地方呢,之前我们讲了如何自己网站的文章同步到新浪微博,今天我们来讲一下如何将自
  • 自己做网站的时候,我们希望让更多的用户来分享和浏览我们网站的文章。除了网站自己的用户之外,将网站内容同步到微博或者文章同步的QQ空间,这样我们
  • 高仿phpcms门户网站主题 图文教程 (18104 次浏览)
    这款wordpress cms主题是高仿phpcms,信任很多人都用过phpcms,如今运用wordpress也能够完成这样的作用。本站发布过很多高仿wordpress主题,例如高仿b
  • 随着智能手机的普遍使用,移动互联网用户的数量随之猛增。当我们关注PC电脑网站制作的时候,一定不要忘了制作一个手机网站。这样我们的网站用户就可以
  • 智能手机的普及,手机网站制作不容小觑。以前讲过手机网站制作教程,通过BOOTSTRAP前端框架可以制作出漂亮的自适应手机网站。今天给大家介绍
  • 网页如何添加背景音乐 视频教程附件下载 (1109634 次浏览)
    在上网过程中,有很多网站打开后会自动播放背景音乐,而且只有当关闭网页之后背景音乐才会停止。在我们自己建网站,同样也可以给自己的网页添加背
  • 通过网页制作教程上节课怎样在网页中添加表格,我们就可以在网页中插入一个表格,但往往插入的表格并不美观,我们需要设置一些表格参数去达到我们要求
  • 网页如何添加视频动画 视频教程 (1100896 次浏览)
    在网站制作过程中,特别是学习视频网站制作教程时,是需要给网站中添加很多的视频的,对于网站如何添加视频有二种方法:一种是添加自己网站的视频,另
  • 现在很多网站,都有这样的设置,将网站的客服QQ发布在互联网上;点击 ,任意人都可以与她聊天;寻找商机,广交朋友,这是如何做到的呢?我们如何也在自己
  • 我们在用WORDPRESS建网站时,通过后台上传图片,上传一张图片会自动生成三张尺寸的图片,分别是在图片名称的后面加上了-150X150等等诸如此类 的3种图
  • 插件介绍wordpress程序网站在发布文章时可以给每一片文章添加与之相关的TAG标签,对于TAG标签可以生成很多页面,增加搜索引擎对内容的抓取量。
  • 微信的影响力越来越大,大有取代QQ之势。在自己做网站上,为了更方便用户进行交流,可以将自己的微信生成一个二维码,然后挂在自己的网站上,别人只要
  • 智能手机的普及带动了二维码的普及,通过二维码扫描可以轻松看到它深层次的信息。如何将自己的微信创建二维码,让别人扫一下就可以加我们的微信,或者
  • 一些个人单页网站制作的学员,要实现每当用户打开单页网站时,随机显示多个二维码中的一个,刷新一次就随机更换一个。并且单页内容中的微信号也跟着自