🔍 browser-query-utils

Lightweight, safe helpers for getting, setting, and deleting URL query parameters in browsers.

Features

• ✅ Zero runtime dependencies
• 🌍 Browser-only (no Node.js required in production)
• 🔄 Get, set, and delete query parameters
• 🌐 Handles full URLs, relative URLs, and hash fragments
• 📦 Minified build for production
• 🧼 Linted and formatted with ESLint + Prettier

Installation

Option 1: Download / Copy

<script src="dist/query-utils.min.js"></script>

Option 2: NPM

npm install browser-query-utils

Option 3: jsDelivr CDN

Latest version:

<script src="https://cdn.jsdelivr.net/npm/browser-query-utils/dist/browser-query-utils.min.js"></script>

Specific version:

<script src="https://cdn.jsdelivr.net/npm/browser-query-utils/dist/browser-query-utils.min.js"></script>

Note: The library attaches itself to window.browserQueryUtils in the browser.

Usage

Get query parameters

const params = browserQueryUtils.getQueryParams("https://example.com/?foo=bar&baz=42");
// returns: { foo: "bar", baz: "42" }

Set or update query parameters

const newUrl = browserQueryUtils.setQueryParams("https://example.com/?foo=bar", { baz: 42, foo: "updated" });
// returns: "https://example.com/?foo=updated&baz=42"

Delete query parameters

const newUrl = browserQueryUtils.deleteQueryParams("https://example.com/?foo=bar&baz=42", "baz");
// returns: "https://example.com/?foo=bar"

You can delete multiple keys by passing an array:

browserQueryUtils.deleteQueryParams(url, ["foo", "baz"]);

License

MIT © Sami Ahmed Siddiqui