Web NFC API使用完整实例
时间: 2023-09-05 18:07:44 浏览: 234
NFC使用范例
Web NFC API是一种Web API,允许Web应用程序与附近的NFC设备通信。下面是一个完整的Web NFC API实例:
HTML代码:
```
<!DOCTYPE html>
<html>
<head>
<title>Web NFC API Example</title>
</head>
<body>
<h1>NFC Tag Reader</h1>
<p>Place an NFC tag near your device to read its contents.</p>
<div id="output"></div>
<script src="nfc.js"></script>
</body>
</html>
```
JavaScript代码(nfc.js):
```
if ('NDEFReader' in window) {
const reader = new NDEFReader();
const output = document.getElementById('output');
reader.addEventListener('reading', ({ message, serialNumber }) => {
output.textContent = `Serial Number: ${serialNumber}\n`;
message.records.forEach((record) => {
output.textContent += record.recordType;
const decoder = new TextDecoder(record.encoding);
output.textContent += decoder.decode(record.data);
output.textContent += '\n';
});
});
reader.scan().then(() => {
console.log('NFC scan started');
}).catch((error) => {
console.log(`Error: ${error}`);
});
} else {
console.log('Web NFC API not supported');
}
```
此示例检查浏览器是否支持Web NFC API,如果支持,则创建一个NDEFReader对象并开始扫描NFC标签。当NFC标签被检测到时,将触发reading事件,并读取标签的内容。最后,将内容输出到页面上的一个div中。
请注意,这只是一个基本示例,您可以根据需要修改它来满足您的实际需求。
阅读全文