Browser Console Simulator - Online Practice JavaScript Logging
Type JavaScript expressions and see output like a real browser console. Supports console.log, error, warn. Use for quick testing without DevTools.
UD5 Toolkit
/ as path separators, similar to file system paths or XPath. For example, /store/books/0/title navigates to the title of the first book in a store object. An empty string "" refers to the entire document root.
/ is used as a path delimiter and ~ is the escape indicator, they must be escaped when they appear in actual JSON keys:
~1 → represents a literal / (slash) in a key name~0 → represents a literal ~ (tilde) in a key name"path/to~file", the pointer would be /path~1to~0file.
/items/0 accesses the first element (index 0) of the items array. If the current value is an object, the token is used as a key name (even if it looks like a number). Only when the current value is an array is the token interpreted as an integer index. Out-of-range indices will produce an error.
"" points to the entire JSON document (the root). A single slash / technically points to a key that is an empty string "" at the root level. In practice, many implementations treat both as referring to the root, but this tool follows the strict RFC interpretation.
/ — all non-empty pointers must start with /. (2) The key contains / or ~ but wasn't escaped — use ~1 for / and ~0 for ~. (3) You're trying to use a numeric index on an object — check if the current value is actually an array. (4) Case sensitivity — JSON keys are case-sensitive.
Type JavaScript expressions and see output like a real browser console. Supports console.log, error, warn. Use for quick testing without DevTools.
Set up multiple @layers and use revert‑layer to fall back. See the computed style and cascade resolution live.
See your current push subscription details. Trigger push and notificationclick events manually to debug.
Create errors with the cause option and see chained error objects. Learn error wrapping for better debugging.
Highlight elements with aria‑describedby and see the linked description text. Verify a11y annotations.
Select any element on the test page and monitor its size changes with ResizeObserver. See log of all entries.
See the current Service Worker registration, its state, and scope. Send 'skipWaiting' and update. PWA debug.
Load an image and see the exact events fired (load, error, abort). Monitor progress. Dev helper.
Fill in a form and see the FormData object as JSON. Perfect for debugging multipart form submissions. Client-side.
See the current AudioContext state (suspended, running). Resume it with a button. Understand autoplay policies.
Test required, pattern, minlength etc. See validity states and custom error messages. Learn browser‑native validation.
Adjust root, margin, and threshold. See a live log of intersection events as you scroll. Debug lazy loading.
Inject dynamic messages into ARIA live regions and monitor how they trigger screen reader announcements. Debug a11y.
Start recording and watch for Long Tasks that block the main thread. See task duration and attribution. Improve Interaction to Next Paint.
Paste a `Set‑Cookie` header and see all attributes parsed: domain, path, Max‑Age, SameSite, Secure, HttpOnly. Debug cookies easily.
Touch the screen and see the exact coordinates, radius, and force of each touch point. Indispensable for mobile web devs.
See the current state of a Service Worker for your page: installing, waiting, active. Unregister or skip waiting. Developer utility.
Paste a list of JavaScript values and see them pretty‑printed as if in the browser console. Great for debugging.
Type a mathematical expression like 'sqrt(16)+sin(pi/2)' and get the result instantly. Supports popular functions. Local.
Press any key and see the full KeyboardEvent object: key, code, keyCode, modifier status. Dev tool.
Paste HTML/CSS snippets or enter properties to test how z‑index and stacking contexts interact. Real‑time example.
Enter a regular expression and see a visual railroad diagram explaining the pattern. Learn and debug regex.