DEV Community

Cover image for Introducing the FormData Viewer Extension
Pankaj Patel
Pankaj Patel

Posted on • Edited on • Originally published at time2hack.com

1 2

Introducing the FormData Viewer Extension

FormData is an amazing API to handle forms.

It allows a simple peeking into the forms as well by generating formData for already existing forms.

We had talked about using FormData API to handle forms in this post: FormData API: Handle Forms like Boss 😎

Later than that, we saw some nifty examples of file upload to Firebase and PHP Backend with the help of FormData API.

Here I am introducing the FormData Viewer Extension; an extension for Chromium-based browsers like Google Chrome, Brave, Opera, IE Edge built with Chromium, etc.



Features

With this extension you can inspect the following:

  • Filled or UnFilled form and it's fields
  • Find all the forms in the page named or unnamed
  • No need to submit the form and inspect the Networks Panel in DevTools


Possibilities

Future possibilities with the extension can be the following:

  • Access to this info form DevTools Panels or Omnibox
  • Information about the Form submit URL
  • and many more ...

The extension is opensource itself and can be found at https://github.com/pankajpatel/FormData-viewer-extension


Conclusion

If you find this extension helping in your development workflow, please share it with others. You can also support us by checking out our Support page.

Let me know what do you think about this article through comments 💬 or on Twitter at @patel_pankaj_ and @time2hack

If you find this article helpful, please share it with others 🗣; subscribe for the new posts and see you the next time.


Footnotes

This article was originally published on Time to Hack at Introducing the FormData Viewer Extension

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Immerse yourself in a wealth of knowledge with this piece, supported by the inclusive DEV Community—every developer, no matter where they are in their journey, is invited to contribute to our collective wisdom.

A simple “thank you” goes a long way—express your gratitude below in the comments!

Gathering insights enriches our journey on DEV and fortifies our community ties. Did you find this article valuable? Taking a moment to thank the author can have a significant impact.

Okay