前端web页面实现手机端扫码登录

今天做项目实现了这个功能，不妨就记下来啦

首先前提是手机和电脑服务器要在同一个局域网内部

在服务器的前端页面，我们可以写一个li标签列表，li里面的class样式等可以实现在页面上显示一个手机图标样式（代码自行百度）。然后在li下面在写一个ul列表，class样式里实现鼠标指在手机图标上显示列表框，最后再在ul的li下面代码显示二维码在列表框。（一个div指示 id即可）

最后我们在javascript代码中调用qrcode函数（大概是函数吧,用于自动生成二维码），在qrcode中我们设置好二维码的宽度，高度以及地址等即可使用，代码如下：
显示移动端二维码

<script type="text/javascript">$("#code").qrcode({render: "table",         //table方式width: 160,               //宽度height: 150,             //高度text: "http://xxx"           //二维码地址});
</script>

前端web页面实现手机端扫码登录相关推荐

手游扫码登录教程及其原理（王者荣耀）
手游扫码登录教程及其原理(eg:王者荣耀) 使用方法 1.搜索类似公众号(峡谷黑科技)获取app下载地址,推荐APP比较稳定,选择王者荣耀. 2.登录方:出现一个二维码,发送给对方. 账号主人:不能直 ...
手游扫码登录神器教程
什么是"扫码登录手游"简单来说,就是不用对方的微信账号密码,直接让对方扫一扫二维码,即可使用对方的账号登录游戏或者应用程序. 你是否为了这个怎么扫码登录游戏不会而烦恼?每次朋友 ...
centos后台登录ftp_安卓TikTok无限制版、手游扫码登录更新
今天这篇文章的主要内容有三个部分: 一是 iOS 版迅雷重新上架 App Store 二是更新了安卓版的 TikTok 抖音国际版. 三是扫码登录更新了几款游戏. iOS版迅雷上架App Store ...
上号神器，英雄联盟手游扫码登录教程
对于经常玩英雄联盟手游的人来说,扫码登录英雄联盟手游是一种非常简单便捷的上号方式,这种方式无需卸载微信,可以直接扫码登录英雄联盟手游账号的上号神器! 1.使用上号神器君工具 2.找到英雄联盟手游,打开 ...
英雄联盟手游扫码登录教程
对于经常玩英雄联盟手游的人来说,扫码登录英雄联盟手游是一种非常简单便捷的上号方式,这种方式无需卸载威信,可以直接扫码登录英雄联盟手游账号的上号神器! 1.什么是扫码登录? 答:扫码登录,就是通过威信扫 ...
王者荣耀等各种手游扫码登录源码
腾讯游戏王者荣耀扫码登录源码 1.什么是扫码登录? 主要是针对微信区的游戏,上朋友的号或者帮别人代打,都需要先登录对方的微信,比较敏感,所以扫码登录可以完全解决不上对方微信也可以上游戏. 2.如何使用 ...
智邦国际ERP系统实现手机端扫码汇报生产工序
曾经,在火到现象级的电影<超能陆战队>里,主人公为了升级充气机器人大白的装备,在现实世界3D扫描大白身材数据,在数字世界用手拖拽优化战甲,最后用3D技术把量身定制的战甲打印出来,画面炫酷到 ...
【前端 VUE】VUE 微信网页扫码登录（微信）
//网页内调用微信扫码功能官方文档 //首先必须引入微信JS <script type='text/javascript' src="http://res.wx.qq.com/c ...
spring boot 自动跳转登录页面_徒手撸一个扫码登录示例工程
徒手撸一个扫码登录示例工程不知道是不是微信的原因,现在出现扫码登录的场景越来越多了,作为一个有追求.有理想新四好码农,当然得紧跟时代的潮流,得徒手撸一个以儆效尤本篇示例工程,主要用到以下技术栈 q ...

前端web页面实现手机端扫码登录

前端web页面实现手机端扫码登录相关推荐

最新文章

热门文章