HTTP/2 301 server: GitHub.com content-type: text/html location: https://googlechrome.github.io/samples/web-nfc/ access-control-allow-origin: * expires: Mon, 29 Dec 2025 04:47:26 GMT cache-control: max-age=600 x-proxy-cache: MISS x-github-request-id: E719:2C10E1:849619:950350:69520583 accept-ranges: bytes age: 0 date: Mon, 29 Dec 2025 04:37:26 GMT via: 1.1 varnish x-served-by: cache-bom-vanm7210077-BOM x-cache: MISS x-cache-hits: 0 x-timer: S1766983046.386440,VS0,VE203 vary: Accept-Encoding x-fastly-request-id: ed7478cb294e956ff194a3e0e7ffb5a67c6b626a content-length: 162 HTTP/2 200 server: GitHub.com content-type: text/html; charset=utf-8 last-modified: Wed, 10 Dec 2025 23:13:16 GMT access-control-allow-origin: * etag: W/"6939fe8c-2e72" expires: Mon, 29 Dec 2025 04:47:26 GMT cache-control: max-age=600 content-encoding: gzip x-proxy-cache: MISS x-github-request-id: 5A5B:328FD3:847725:94E1BF:69520586 accept-ranges: bytes age: 0 date: Mon, 29 Dec 2025 04:37:26 GMT via: 1.1 varnish x-served-by: cache-bom-vanm7210077-BOM x-cache: MISS x-cache-hits: 0 x-timer: S1766983047.608476,VS0,VE203 vary: Accept-Encoding x-fastly-request-id: b4b550268dfd3c162910999393f61c61d032e1a7 content-length: 2968

Web NFC Sample

Available in Chrome 89+ | View on GitHub | Browse Samples

Background

Web NFC aims to provide sites the ability to read and write to NFC tags when they are brought in close proximity to the user’s device (usually 5-10 cm, 2-4 inches). The current scope is limited to NDEF, a lightweight binary message format. Low-level I/O operations (e.g. ISO-DEP, NFC-A/B, NFC-F) and Host-based Card Emulation (HCE) are not supported within the current scope.

Scan Write Make Read-Only

Live Output

JavaScript Snippet

scanButton.addEventListener("click", async () => {
  log("User clicked scan button");
  try {
    const ndef = new NDEFReader();
    await ndef.scan();
    log("> Scan started");
    ndef.addEventListener("readingerror", () => {
      log("Argh! Cannot read data from the NFC tag. Try another one?");
    });
    ndef.addEventListener("reading", ({ message, serialNumber }) => {
      log(`> Serial Number: ${serialNumber}`);
      log(`> Records: (${message.records.length})`);
    });
  } catch (error) {
    log("Argh! " + error);
  }
});
writeButton.addEventListener("click", async () => {
  log("User clicked write button");
  try {
    const ndef = new NDEFReader();
    await ndef.write("Hello world!");
    log("> Message written");
  } catch (error) {
    log("Argh! " + error);
  }
});
makeReadOnlyButton.addEventListener("click", async () => {
  log("User clicked make read-only button");
  try {
    const ndef = new NDEFReader();
    await ndef.makeReadOnly();
    log("> NFC tag has been made permanently read-only");
  } catch (error) {
    log("Argh! " + error);
  }
});