URL & JSON Studio

Automatically detect if a browser tab is loading a raw JSON page (by checking the `Content-Type: application/json` header or parsing the page text) and format it instantly. Color-code different data types (strings, numbers, booleans, nulls, and keys) so the data is easy to scan. Allow users to click an arrow next to objects `{...}` or arrays `[...]` to collapse or expand them. Toggle Raw vs. Formatted:** A quick button or shortcut to switch back to the original, unformatted raw text. Valid JSON Parsing:** Robust error handling. If the JSON is invalid, it shouldn't just crash; it should show a clear error message pointing out the syntax error (e.g., missing comma, trailing comma). If `parameterValue.length > 50`, split the string by commas `,` and display them as an array of editable inline tags or a clean comma-separated block. Provide a small "Expand" or "Edit Raw" icon next to it so the user can easily paste or edit the full continuous string in a mini modal text area. * Each parameter row gets a leading checkbox. * Unchecking it keeps the key/value pair saved in your UI state but completely strips it from the generated "Live URL" in real-time As the user types a new key name, match their input against this array to populate a native HTML `<datalist>` or a custom absolute-positioned dropdown container. Test / Ping:** Runs a rapid background script `fetch(url, { method: 'HEAD' })` and returns a colored badge (`200 OK` in green, `404` in red). A single click copies the compiled URL to the clipboard. Export (Full Language Support) Instead of a simple code snippet, this tab features a clean dropdown containing **all 18 code targets** matching your image. Selecting an option converts the live URL into an instantly copyable code snippet block: