Birdor Tools · Browser

Browser API Capability Scanner & Playground

Inspect which modern Web APIs your current browser actually supports, see permission status, and try them out in a safe, developer-focused playground. Perfect for PWA, H5 games, and Web SDK authoring.

Current browser · Environment snapshot

A quick overview of what this page sees from your browser. Useful for debugging feature support and sharing screenshots when something looks off.

Ready: no

Secure context: unknown

userAgent

—

Language

—

Vendor

—

Viewport

—

DPR

—

HW threads

—

Touch points

—

Browser capabilities · Feature detection

This lab inspects your current browser for modern Web APIs, then lets you exercise a few of them directly in the playground below.

Last scan: Not yet scanned

Browser feature scanner

Notification APINotifications

Desktop-style system notifications via the Notification API.

unknown

Web Share APIWeb Share

Native share sheet on supported mobile/desktop platforms via navigator.share.

unknown

Clipboard APIClipboard

Read and write text (and sometimes images) to the system clipboard.

unknown

Geolocation APIGeolocation

Access device location with user consent.

unknown

Service WorkerService Worker

Offline caching, background sync, and PWA foundation.

unknown

EyeDropper APIEyeDropper

Pick colors from the screen (Chrome-only for now).

unknown

WebAuthnWebAuthn

Passkeys and hardware-backed authentication via WebAuthn (FIDO2).

unknown

WebGPUWebGPU

Low-level GPU access for compute and graphics workloads in modern browsers.

unknown

Notification API

Check permission state and trigger a small test notification.

Permission

unknown

Web Share API

Try opening the native share sheet (usually on mobile or supported desktop browsers).

Supported

unknown

Clipboard API

Write text to the system clipboard and read it back (where allowed).

Supported

unknown

Last read:

—

Geolocation API

Request the current position, or watch for continuous updates.

Supported

unknown

Status: —

EyeDropper API

Pick a color from anywhere on your screen (where supported).

Supported

unknown

No color picked yet.

WebAuthn (read-only)

Check if WebAuthn APIs are present and see a minimal navigator.credentials.create example. This playground does not actually register credentials.

Supported

Platform authenticator: unknown
Conditional UI: unknown

if (window.PublicKeyCredential) {
  const publicKey: PublicKeyCredentialCreationOptions = {
    challenge: new Uint8Array(/* from your server */),
    rp: { name: "Example RP" },
    user: {
      id: new Uint8Array(/* user id from server */),
      name: "user@example.com",
      displayName: "Example User",
    },
    pubKeyCredParams: [{ alg: -7, type: "public-key" }],
    authenticatorSelection: { userVerification: "preferred" },
  };

  const credential = await navigator.credentials.create({ publicKey });
  // send credential.response back to your server for verification
} else {
  console.warn("WebAuthn not supported in this browser.");
}

WebGPU (read-only)

Detect basic WebGPU availability and review a minimal navigator.gpu.requestAdapter example. This playground does not actually create a device.

Supported

if ("gpu" in navigator) {
  const adapter = await (navigator as any).gpu.requestAdapter();
  if (!adapter) {
    console.warn("No appropriate WebGPU adapter found.");
  } else {
    const device = await adapter.requestDevice();
    const context = (document.querySelector("canvas") as HTMLCanvasElement)
      .getContext("webgpu");
    // configure context + render...
  }
} else {
  console.warn("WebGPU is not supported in this browser.");
}