Native Browser Web API Utilities
Complete suite of browser-native Web API inspectors and interactive test utilities. Powered 100% by built-in browser engine capabilities â zero external JavaScript libraries required.
DOM & HTML Overview
DOM Parser
Parse XML or HTML string templates into DOM Document objects using DOMParser.
HTML Sanitizer
Sanatize untrusted HTML strings before insertion into the DOM using the native Sanitizer API.
Trusted Types
Enforce safe HTML, script, and URL assignment to prevent Cross-Site Scripting (XSS).
Document Fragment
Construct lightweight, off-screen DOM subtree nodes for high-performance DOM manipulation.
Range API
Represent a fragment of a document that can contain nodes and parts of text nodes.
Selection API
Inspect and manipulate the range of text selected by the user in the document.
TreeWalker
Traverse nodes of a DOM subtree using specified node types and filter conditions.
NodeIterator
Iterate sequentially over a filtered list of DOM nodes in document order.
Mutation Observer
Watch for structural and attribute changes made to the DOM tree.
Intersection Observer
Asynchronously observe changes in the intersection of a target element with a ancestor or viewport.
Resize Observer
Observe changes to an Element's content or border box dimensions.
Element Visibility
Check element bounding rectangle visibility and viewport placement.
HTML & DOM Security Overview
HTML Sanitizer Security
Verify DOM sanitization behavior and XSS prevention policies.
Trusted HTML
Create and inspect TrustedHTML policy tokens for secure innerHTML injection.
Trusted Script
Create and inspect TrustedScript objects for safe inline script execution.
Trusted Script URL
Validate external script URL origins using TrustedScriptURL policies.
Trusted Types Policy
Inspect active browser Trusted Types policies and default sink behavior.
Safe HTML Injection
Test element.insertAdjacentHTML and DOM parser safety against script execution.
XSS Sink Tester
Audit browser DOM injection sinks (innerHTML, outerHTML, document.write).
Clipboard & Sharing Overview
Clipboard Reader
Read text and data asynchronously from the system clipboard using navigator.clipboard.
Clipboard Writer
Write arbitrary text directly to the system clipboard.
Clipboard Image
Read and write image Blob objects (PNG/JPEG) from the system clipboard.
Clipboard HTML
Copy and read rich HTML formatted data from system clipboard.
Clipboard Events
Intercept copy, cut, and paste DOM clipboard events.
Web Share
Trigger native system share dialog for text, URLs, or document files.
File Sharing
Verify navigator.canShare() file sharing support and pass File objects to native share target.
Files & File System Overview
File Reader
Asynchronously read contents of local files as Data URLs, Text, or ArrayBuffer.
File Information
Inspect File object metadata including name, size, type, and lastModified timestamp.
File Picker API
Open native system open-file picker dialog using showOpenFilePicker.
Directory Picker API
Request directory access and iterate local folder structures using showDirectoryPicker.
Save File API
Prompt native system save-file picker using showSaveFilePicker.
File System Access
Direct read and write access to local files with FileSystemHandle permissions.
File System Writable
Stream content directly to local files using FileSystemWritableFileStream.
Origin Private File System
High-performance private sandboxed storage space optimized for databases and workers.
Storage Manager
Estimate disk space quota usage and request persistent storage quota.
IndexedDB
Low-level transactional database for storing large amounts of structured client-side data.
Cache Storage
Store network Request/Response pairs for offline usage and PWA asset caching.
Networking Overview
Fetch API
Perform asynchronous HTTP network requests with promise-based fetch().
Request API
Inspect and construct HTTP Request objects including mode, credentials, and headers.
Response API
Construct synthetic HTTP Response instances with custom status codes and streams.
Headers API
Manipulate HTTP header key-value maps with get, set, append, and delete methods.
FormData API
Construct key/value payload pairs representing form fields and binary files.
URL API
Parse, construct, and validate absolute URLs, protocols, ports, and pathnames.
URLSearchParams
Utility methods to work with the query string of a URL.
URLPattern API
Match URLs against standardized pattern templates using wildcard path segments.
WebSocket API
Establish persistent two-way interactive communication sessions between browser and server.
EventSource (SSE)
Receive real-time Server-Sent Events over HTTP connection.
WebTransport API
Low-latency bidirectional client-server streaming over HTTP/3 / QUIC protocols.
Network Information
Inspect connection connection type (4g/wifi), effective type, and saveData settings.
Streams Overview
ReadableStream
Construct and consume readable byte data streams incrementally.
WritableStream
Stream output destination interface for chunked data processing.
TransformStream
Pipeline transform layer between readable and writable streams.
CompressionStream
Compress data streams natively using gzip, deflate, or deflate-raw algorithms.
DecompressionStream
Decompress raw compressed byte streams in real-time.
TextEncoder
Encode JavaScript UTF-8 text strings into Uint8Array binary buffers.
TextDecoder
Decode binary byte arrays into JavaScript UTF-8 strings.
Blob Streams
Stream Blob binary file data using blob.stream().
Media Overview
MediaDevices API
Enumerate connected audio inputs, webcams, and speaker hardware devices.
Camera API
Capture live camera video streams using navigator.mediaDevices.getUserMedia.
Microphone API
Capture live microphone audio streams.
MediaRecorder API
Record live media streams (audio/video) into WebM or MP4 blobs.
Screen Capture API
Capture live screen share streams using navigator.mediaDevices.getDisplayMedia.
Screen Recording
Combine getDisplayMedia screen capture with MediaRecorder to save MP4/WebM screen recordings.
Media Source Extensions (MSE)
Buffer and play video streams dynamically using MediaSource API.
Picture-in-Picture API
Float video elements in a floating overlay window.
Audio Output API
Select physical audio output speaker devices using selectAudioOutput / setSinkId.
Media Capabilities API
Query playback and encoding smoothness & power efficiency for specific audio/video codecs.
Graphics Overview
HTML5 Canvas 2D
Render 2D shapes, text, images, and paths on a 2D canvas context.
OffscreenCanvas API
Render canvas graphics in background web workers detached from DOM.
ImageBitmap API
Create high-performance bitmap textures asynchronously with createImageBitmap.
ImageData API
Direct RGBA pixel buffer manipulation using ImageData array objects.
WebGL 1.0
Hardware-accelerated 3D graphics rendering engine in the browser.
WebGL 2.0
Enhanced 3D graphics API bringing OpenGL ES 3.0 feature set to browsers.
WebGPU API
Next-generation low-overhead GPU compute and 3D rendering pipeline.
WebCodecs API
Low-level primitive access to hardware video and audio encoders and decoders.
Device & Sensors Overview
Geolocation API
Retrieve device geographical location coordinates (latitude, longitude, accuracy).
Device Orientation
Detect physical orientation tilt angles (alpha, beta, gamma).
Device Motion
Measure device acceleration and rate of rotation along 3 axes.
Battery Status API
Monitor battery charge percentage, charging state, and discharge timer.
Screen Orientation API
Read current screen orientation state (portrait/landscape) and lock orientation.
Screen Details API
Query multi-monitor arrangements and screen color depths.
Accelerometer Sensor
Generic Sensor API for 3-axis acceleration tracking.
Gyroscope Sensor
Generic Sensor API for angular velocity tracking.
Magnetometer Sensor
Generic Sensor API measuring magnetic field intensity.
Ambient Light Sensor
Read ambient room illuminance levels in Lux units.
Hardware Overview
Web Bluetooth API
Connect and interact with nearby Bluetooth Low Energy (BLE) peripheral devices.
Web Serial API
Communicate directly with microcontrollers and serial port devices (Arduino/Raspberry Pi).
WebUSB API
Connect directly to USB hardware devices from web applications.
WebHID API
Interact with Human Interface Devices (gamepads, keypads, custom controllers).
Web MIDI API
Connect MIDI synthesizers, keyboards, and controllers.
Web NFC API
Read and write NDEF tags over Near Field Communication.
Browser Features Overview
Fullscreen API
Request and exit full-screen presentation mode for document elements.
Screen Wake Lock API
Prevent screen from dimming or sleeping during active tool usage.
Notifications API
Display system desktop notifications to the user.
Vibration API
Trigger haptic vibration patterns on mobile devices.
App Badging API
Set document badge numbers or indicators on OS taskbar/dock icons.
Page Visibility API
Detect when the browser tab is hidden or backgrounded.
Document Picture-in-Picture
Open arbitrary HTML element windows in a floating picture-in-picture window.
Popover API
Native top-layer popover content UI without z-index conflicts.
View Transitions API
Animate smooth visual transitions between DOM states.
Web Animations API
Control CSS keyframe animation pipelines directly with JavaScript.
Workers & Background Overview
Web Worker API
Run background JavaScript tasks on separate worker threads without blocking the main UI thread.
Shared Worker API
Share background worker threads across multiple browser tabs and windows.
Service Worker API
Background event-driven worker for offline caching and push notifications.
BroadcastChannel API
Send messages across same-origin browser tabs and windows.
MessageChannel API
Create direct two-way channel communication ports between workers/iframes.
Web Locks API
Coordinate resource locks across multiple tabs and workers.
Background Sync API
Defer server actions until user has a stable network connection.
Background Tasks API
Queue non-essential tasks during browser idle time using requestIdleCallback.
Security & Identity Overview
Web Crypto API
Standard cryptographic primitives interface available on crypto namespace.
SubtleCrypto API
Perform hardware cryptographic hashing (SHA-256), encryption (AES-GCM), and signatures (HMAC/RSA).
Random Values API
Generate cryptographically secure random values with crypto.getRandomValues.
WebAuthn API
Passwordless authentication using biometric sensors and physical security keys.
Credential Management
Store and retrieve user authentication credentials securely.
Web OTP API
Programmatically read SMS verification one-time passwords.
Permissions API
Query permission state ('granted', 'denied', 'prompt') for browser capabilities.
Trusted Types Security
Inspect DOM XSS sink protection rules and CSP enforcement.
Performance Overview
Performance API
High-resolution millisecond timestamp measurement using performance.now().
Performance Observer
Observe real-time metric entries (paint, layout-shift, resource) as they occur.
Navigation Timing API
Inspect document load timing milestones (DNS, connect, DOMContentLoaded, load).
Resource Timing API
Detailed network fetch duration metrics for page resources (scripts, images, css).
Paint Timing API
Measure First Paint (FP) and First Contentful Paint (FCP) metrics.
Long Tasks API
Detect UI main-thread execution tasks that exceed 50 milliseconds.
User Timing API
Create custom application performance benchmarks using performance.mark and measure.
Scheduler API
Prioritize task execution queues using scheduler.postTask with user-blocking or background priorities.
Input & Interaction Overview
Pointer Events API
Unified input hardware handler for mouse, touch screen, and digital pen stylus inputs.
Pointer Lock API
Lock the mouse pointer inside canvas or element bounds for 3D games and controls.
Keyboard API
Inspect physical key layouts and capture physical key presses using Keyboard Map API.
Gamepad API
Connect and read USB/Bluetooth gamepad joystick & button controller inputs.
Drag & Drop API
HTML5 native element drag and file drop events.
Touch Events API
Multi-touch gesture input tracking for smartphones and touchscreens.
Virtual Keyboard API
Control software keyboard layout overlay and geometry changes on mobile devices.
Browser Information Overview
Navigator API
Inspect navigator details including online state, platform, cookie state, and vendor.
User Agent String
Inspect the browser navigator.userAgent string.
User Agent Client Hints
Query modern User-Agent Client Hints (sec-ch-ua, mobile, platform, architecture).
Screen Information
Inspect screen resolution, color depth, pixel ratio, and available width/height.
Window Geometry
Measure viewport inner/outer dimensions, scroll position, and frame geometry.
Browser Languages
Inspect system preferred languages array navigator.languages.
Time Zone API
Query user's local IANA timezone name and UTC offset.
Device Memory API
Inspect device approximate RAM memory capacity in gigabytes.
Hardware Concurrency
Query logical CPU core thread count navigator.hardwareConcurrency.