URL Query Param Field Defaults Chrome Extension
Unknown author · Developer Tools
Media
1 item
Description
A Chrome extension that reads URL query parameters and applies them as CSS selectors to set values on the page. URL Query Param Field Defaults Chrome Extension URL Query Param Field Defaults Chrome Extension automatically sets values for input fields and textareas on any webpage based on the query parameters in the URL. Each query parameter key is treated as a CSS selector, and its value is applied to the matching element(s) on the page. - Supports dynamic and single-page applications (SPA). - Works for all input and textarea fields. - Popup UI lets you restrict the extension to specific domains or URL patterns. - Right-click context menu lets you add the current field value to the URL as a query parameter. - No configuration required—just add query parameters to the URL and the extension does the rest. Examples 1. Set an input field value by name URL: https://example.com?input[name=email]=user@example.com Result: - The input field with `name="email"` will be set to `user@example.com`. 2. Set a textarea value by ID URL: https://example.com?textarea#bio=Hello%20World Result: - The textarea with `id="bio"` will be set to `Hello World`. 3. Set multiple fields at once URL: https://example.com?input[name=email]=user@example.com&input[name=username]=alice&textarea#bio=Hello%20World Result: - The input field with `name="email"` will be set to `user@example.com`. - The input field with `name="username"` will be set to `alice`. - The textarea with `id="bio"` will be set to `Hello World`. 4. Use a class selector URL: https://example.com?input.my-class=Some%20Value Result: All input fields with class `my-class` will be set to `Some Value`. 5. Use the popup to restrict domains - Open the extension popup and add allowed domains or URL patterns. - Only pages matching those patterns will be affected by the extension. 6. Use the context menu to add a field value to the URL - Right-click any input or textarea and choose "Set this value in the URL" to add its value as a query parameter for future visits. Source code for this extension is here: https://github.com/paulb896/url-query-param-field-defaults-chrome-extension.