A Manager development tool for changing, manipulating, and storing url query parameters

Latest Version

Version
1.3
Update
June 6, 2020
Size
1.24MiB
Developer
Category
Users
118
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
DeclarativeContent
Storage
WebNavigation
Tabs
ActiveTab
Http://*/*
Https://*/*
See more

Query Parameter Manager Extension

# URL Query Parameter Manager


## Purpose and function

This application is meant to be a useful tool in assistance of web development. It can be used to:

1. Read and organize query parameters from the current web page
2. Store groups of key and value pairs as configurations
3. Manage suggested key and value pairs
4. Manage stored configurations
5. Import and export stored key and value pairs and configurations

## Parameter Screen

You can view the current and altered urls on this screen. Edit the url query parameters by editing the `key` and `value` fields, deleting them using the `-` Buttons, and adding new fields by using the `+` button.

Key and values names are auto suggested based on stored keys and values as well as saved configurations. To see the full list of suggested keys and values, delete the value in the field and click on it.

Save configurations By entering a configuration name in the `configuration name` field and then clicking the `Save Configuration` button.

If you have configurations saved, clicking on the field will toggle an autocomplete menu that will allow you to switch between configurations.

Click the `Set Url` button and it will set the url displayed as `New url` in your browser address bar. If you have made changes to the url you do not wish to save, you can click the the `Revert Url` button to revert the set browser address url. Note: setting the url does not navigate you to the page, you must still click on the address bar and press enter to navigate to the set url.

## Stored Keys & Values Screen

This screen can be used to view, add, and remove suggested key and value pairs visible on the Parameters screen when entering new values or editing existing ones.

Keys and values entered when saving a configuration or importing one will appear here. To enter a new key or value, enter into the appropriate field and click the + icon. Keys and values entered must be unique. Click the `trash can` icon next a key or value to delete it.

Clicking on a specific key will display the stored values for that key below.

Click the `Export Keys and Values` button to export the stored keys and values to a JSON file formatted in the following structure:

Click the `Delete all Keys and Values` button to permanently and irreversibly delete stored keys and values


## Import Screen

This screen will allow you to import JSON files for both suggested keys and values as well as configurations. In order to do so please follow the import guide outlined on this page.


## Manage Configuration Screen



This screen will allow you to view and remove existing stored configurations.

To remove a configuration, click the `trash can` icon next to the relevant configuration.

To export all stored configurations, click the `Export Configurations` button.

To delete all stored configurations, click the `Delete All Configurations` button and follow the prompts. Please be aware that this is permanent and irreversible!



### Technologies used:

- Storage api
- Windows and Tabs apis
- React
- React Router
- Filesaver.js


### About me:

Hello! My name is Julia Finarovsky. I am a classically trained concert pianist and software engineer working at an awesome company in full stack development.


Disclaimer: This app is open source and maintained by me. While it is freeware, donations are appreciated! Paypal may be sent to [email protected]

If you would like to contribute or make feature requests, please visit: https://github.com/Juliafin/urlQueryParamterManager

Please leave a review in the chrome extension store if you can and star the repo!
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Query Parameter Manager", "version": "1.3", "description": "A Manager development tool for changing, manipulating, and storing url query parameters", "manifest_version": 2, "background": { "scripts": ["background.js"], "persistent": false }, "icons": { "16": "QueryParameterIcon.png", "48": "QueryParameterIcon.png", "128": "QueryParameterIcon.png" }, "page_action": { "default_popup": "/build/index.html" }, "commands": { "_execute_page_action": { "suggested_key": { "default": "Ctrl+Shift+L", "mac": "Ctrl+Shift+L" } } }, "permissions": [ "declarativeContent", "storage", "webNavigation", "tabs", "activeTab", "http://*/*", "https://*/*" ], "author": "Julia Finarovsky", "homepage_url": "https://github.com/Juliafin/urlQueryParamterManager"}
Read more

How to download and manually install Query Parameter Manager extension for Chrome

Looking for a way to install Query Parameter Manager extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Query Parameter Manager extensions manually, this article outlines two simple methods to effortlessly install Query Parameter Manager extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Query Parameter Manager extension and manually install through Drag &Drop

If you ever need to manually install a Query Parameter Manager extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Query Parameter Manager Extension by clicking the "Download CRX" button on the website.

Look for the Query Parameter Manager extension you wish to install. Go to the website and download the Query Parameter Manager extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Query Parameter Manager extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Query Parameter Manager extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Query Parameter Manager extension for Chrome and install in Developer Mode

This is another method to install Query Parameter Manager extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Query Parameter Manager extension file

Select and download the Query Parameter Manager extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Query Parameter Manager extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Query Parameter Manager extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Query Parameter Manager extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Query Parameter Manager extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

User reviews

icon

jaque liao (ID: 000000d407ceff82) Voted 5 ★ - Updated 10/13/2023 在浏览器上需要 多次修改 参数进行网页测试时非常有用! 特别是一个页面有若干个参数的时候,如果直接修改 url 太难找到对应的参数并修改了,这个插件用了后相当直观。 更何况他还提供了场景管理和参数管理功能!👍👍👍👍👍👍👍👍

icon

Steven Bowler (ID: 000000636da01084) Voted 5 ★ - Updated 06/26/2020 Very handy for testing out APIs with multiple keys, simplifies managing different configurations, faster than Postman for that purpose.