Open6

passkeys

a10a.appa10a.app

usernameとwebauthnをautocomplete属性に追加するとオートコンプリートを有効にできる

<input autocomplete="username webauthn" />
a10a.appa10a.app
window.addEventListener("load", async () => {
  let isConditionalMediationAvailable = await (async (result) => {
    result = result && (typeof window.PublicKeyCredential !== "undefined");
    result = result && (typeof window.PublicKeyCredential.isConditionalMediationAvailable !== "undefined");
    result = result && await PublicKeyCredential.isConditionalMediationAvailable();

    return result;
  })(true);

  if (isConditionalMediationAvailable) {
    const credential = await navigator.credentials.get({
      mediation: "conditional",
      publicKey: {
        rpId: "localhost",
        challenge: "abc123",
        userVerification: "preferred",
      },
    });

    console.log({ credential });
  }
});