JavaScript Navigator credentials Property

const hasCreds = "credentials" in navigator;
const secure = window.isSecureContext;

console.log("credentials:", hasCreds);
console.log("secure context:", secure);

if (hasCreds && secure) {
  console.log("ready for Credential Management API");
} else {
  console.log("use classic sign-in");
}

async function tryCredentialLogin() {
  if (!("credentials" in navigator)) {
    console.log("credentials missing — classic form");
    return;
  }
  try {
    const creds = await navigator.credentials.get({ password: true });
    if (creds) {
      console.log("got credential type:", creds.type);
    } else {
      console.log("no credential returned");
    }
  } catch (err) {
    console.log("get failed:", err.name);
  }
}

// Prefer calling from a user gesture (button click).

async function afterLogout() {
  // … clear your app session …

  if ("credentials" in navigator && navigator.credentials.preventSilentAccess) {
    try {
      await navigator.credentials.preventSilentAccess();
      console.log("silent access prevented");
    } catch (err) {
      console.log("preventSilentAccess failed:", err.name);
    }
  }
}

afterLogout();