扫一扫二维码就能打开网站,就能添加联系人,就能链接wifi(续)
时间:2022-05-07
本文章向大家介绍扫一扫二维码就能打开网站,就能添加联系人,就能链接wifi(续),主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
有些功能部分手机不能使用,网站,通讯录,wifi基本上每个手机都可以使用。(浏览器自带的扫描就够了,QQ扫码和微信扫码部分手机不能直接连接wifi)
在看之前你可以扫一扫下面几个二维码先看看效果:
上篇网站介绍了一下常用格式(http://www.cnblogs.com/dunitian/p/4998714.html),其实扫二维码的本质就是解析出一段字符串,为什么有一些神奇的功能呢?那是字符串的格式满足一些系统内置的协议或者格式,所以系统就帮你干了类似于发短信,打电话,添加联系人,连接wifi之类的事情。可以想像,你开了个店,店门口有个免费wifi的二维码,然后自己名片也是一个二维码~~~~是不是有点高大上的感觉?
其实代码并没有什么技术含量,既然有人要求,那就写一下吧,这次就不局限平台了,写了个通用的demo
核心类库:jquery.qrcode.min.js
核心代码:
//中文字符处理
function toUtf8(str) {
var out, i, len, c;
out = "";
len = str.length;
for (i = 0; i < len; i++) {
c = str.charCodeAt(i);
if ((c >= 0x0001) && (c <= 0x007F)) {
out += str.charAt(i);
} else if (c > 0x07FF) {
out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
} else {
out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
}
}
return out;
}
//生成二维码
function outputQRCod(txt, width, height) {
//先清空
$("#code").empty();
//中文格式转换
var str = toUtf8(txt);
//生成二维码
$("#code").qrcode({
render: "table",
width: width,
height: height,
text: str
});
}
完整代码:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>生成二维码</title>
<script src="JavaScript/jquery-1.8.3.min.js"></script>
<script src="JavaScript/jquery.qrcode.min.js"></script>
<script type="text/javascript">
$(function () {
//没有中文就可以这么简单
$('#code').qrcode("http://dnt.dkill.net");
//普通转换
$("#txt_btn").click(function () {
outputQRCod($("#inputTxt").val(), 200, 200);
});
//URL演示
$("#url_btn").click(function () {
var urlTxt = $("#inputUrl").val();
if (urlTxt.indexOf("http://") < 0) {
urlTxt = 'http://' + urlTxt;
}
outputQRCod(urlTxt, 400, 400);
});
//联系人添加演示
$("#people_btn").click(function () {
var txt = "BIZCARD:N:" + $('#inputName').val() + ";T:" + $('#inputPost').val() + ";C:" + $('#inputCompany').val() + ";A:" + $('#inputAddress').val() + ";B:" + $('#inputMobile').val() + ";E:" + $('#inputEmail').val() + ";;";
outputQRCod(txt, 400, 400);
});
//WiFi连接演示
$("#wifi_btn").click(function () {
var txt = "WIFI:T:" + $('#WiFiType').val() + ";S:" + $('#inputWiFiName').val() + ";P:" + $('#inputWiFiPass').val() + ";;";
console.log(txt);
outputQRCod(txt, 400, 400);
});
});
//中文字符处理
function toUtf8(str) {
var out, i, len, c;
out = "";
len = str.length;
for (i = 0; i < len; i++) {
c = str.charCodeAt(i);
if ((c >= 0x0001) && (c <= 0x007F)) {
out += str.charAt(i);
} else if (c > 0x07FF) {
out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
} else {
out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
}
}
return out;
}
//生成二维码
function outputQRCod(txt, width, height) {
//先清空
$("#code").empty();
//中文格式转换
var str = toUtf8(txt);
//生成二维码
$("#code").qrcode({
render: "table",
width: width,
height: height,
text: str
});
}
</script>
</head>
<body>
<div id="main">
<div class="demo">
<p>请输入内容然后点击按钮生成二维码:</p>
<div id="code"></div>
<h2>演示1:</h2>
<p>
普通文本:<input type="text" class="input" id="inputTxt" value="">
<input type="button" id="txt_btn" value="生成二维码">
</p>
<h2>演示2:</h2>
<p>
URL 演示:<input type="text" class="input" id="inputUrl" value="">
<input type="button" id="url_btn" value="生成二维码">
</p>
<h2>演示3:</h2>
<p>加联系人:(选填)<input type="button" id="people_btn" value="生成二维码"></p>
<p>
姓名:<input type="text" class="input" id="inputName" value=""><br />
<br />
职位:<input type="text" class="input" id="inputPost" value=""><br />
<br />
公司:<input type="text" class="input" id="inputCompany" value=""><br />
<br />
地址:<input type="text" class="input" id="inputAddress" value=""><br />
<br />
手机:<input type="text" class="input" id="inputMobile" value=""><br />
<br />
邮箱:<input type="text" class="input" id="inputEmail" value=""><br />
<br />
</p>
<h2>演示4:(现在的wifi一般都是WPA的,WEP的基本上10分钟内就能破解了)</h2>
<p>
WiFi名称:<input type="text" class="input" id="inputWiFiName" value=""><br />
<br />
WiFi密码:<input type="text" class="input" id="inputWiFiPass" value=""><br />
<br />
WiFi类型:<select id="WiFiType"><option value="WPA">WPA/WPA2</option>
<option value="WEP">WEP</option>
<option value="nopass">无加密</option>
</select>
<input type="button" id="wifi_btn" value="生成二维码">
</p>
</div>
</div>
</body>
</html>
你们要什么效果就安装格式自己编辑一下就可以了,先闪了~~有机会再说一说二维码的美化
demo下载:http://pan.baidu.com/s/1pJGhV0f
- Python 把字典的key和value的值取出来,按照顺序存入到list中
- Go语言 如果实现http重连?
- python strip()函数 删除字符串中无空白字符或者是无用字符
- 闪回归档的简单测试(r8笔记第68天)
- sql语句查询到整个数据库的容量
- 神奇的go语言
- 备库查询导致的ORA-01110错误及修复(r8笔记第67天)
- SQL客户端DBvisualize直接导入数据出现中文乱码
- Python基础整理操作积累
- 让AI给颜值打分?应该是最公正的裁判了!
- orion的简单测试 (r8笔记第75天)
- golang ftp客户端示例 支持断点续传
- python 网页特征提取XPATH(两天玩转) 第一天
- 和开发同学讨论的一个技术问题(r8笔记第73天)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 聊聊面试-int和Integer的区别
- 记一次Linux修改MySQL配置不生效的问题
- VBA解析复合文档03——解析扇区链表
- C++核心准则E.17:不要试图在所有函数中捕捉所有异常
- 《图解算法》第1章 算法简介
- 自动化篇 | 这些自动化场景,批处理脚本完全可以取代 Python!
- 《RabbitMQ》如何保证消息不被重复消费
- 算法篇:树之翻转树
- 每日一题 | 约瑟夫问题
- 编码的浪漫:完美序列化的官方评测
- 【Vulnhub】symfonos2
- PWN入门(unsafe unlink)
- tf_cnn_benchmark 显存问题
- Spark on Kubernetes PodTemplate 的配置
- IO ports