What is Form Tools?

Form Tools is a Chrome extension developed by Rob Stemp, and its main feature is "Extends the developer tools to debug form fields on the page. Creates a panel to debug all forms. Export form states to JSON.".

Extension Screenshots

Download Form Tools Extension CRX File

Download Form Tools extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

Developer Tools Extension panel to debug form elements for an inspected page.

This extension creates an additional panel in the chrome developer tools to show a running list of form inputs and current values.

Useful for debugging form data elements. View hidden form fields, dropdown values, checkboxes etc as well as inputs and textareas.

* View/Edit form elements as they are changed.
* Save/Load all form data for a page
* Export and Import form data to JSON

-------------
Releases
-------------
v1.3.0 Updated U.I, renamed to form tools, as it is more than just viewing now.
v1.2.0 Added Saving/Loading of form elements
v1.1.1 Added Import/Export to JSON
v1.0.9 Moved FormViewer from elements panel sidebar to its own panel for more screen real estate.

v1.0.8 Fixed to work with later versions of chrome (using runtime over extension)

v1.0.5 Added ability to edit values within sidebar, just click on value, change and press enter.

v1.0.2 Initial Release - view only

Extension Basic Information

Name	Form Tools
ID	gihginompkjijnipckobcjioandcmjgp
Official URL	https://chromewebstore.google.com/detail/form-tools/gihginompkjijnipckobcjioandcmjgp
Description	Extends the developer tools to debug form fields on the page. Creates a panel to debug all forms. Export form states to JSON.
File Size	43.95 KB
Installation Count	1,553
Current Version	1.3.0
Last Updated	2014-10-29
Publish Date	2014-10-29
Rating	2.06/5 Total 16 Ratings
Developer	Rob Stemp
Payment Type	free
Supported Languages	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Form Tools", "short_name": "FormTools", "version": "1.3.0", "description": "Extends the developer tools to debug form fields on the page. Creates a panel to debug all forms. Export form states to JSON.", "devtools_page": "devtools.html", "manifest_version": 2, "permissions": [ "tabs", "storage" ], "icons": { "48": "icon48.png", "128": "icon128.png" }, "content_scripts": [ { "matches": [ "" ], "js": [ "content_script.js" ], "all_frames": true, "run_at": "document_end" } ], "background": { "scripts": [ "background.js" ], "persistent": false } }