FormData — отличный API для обработки форм.
Он также позволяет легко просматривать формы, создавая formData для уже существующих форм.
Мы говорили об использовании FormData API для обработки форм в этом посте: FormData API: Обрабатывайте формы как Boss 😎
Позже мы увидели несколько отличных примеров загрузки файлов в Firebase и PHP Backend с помощью FormData API.
Здесь я представляю расширение FormData Viewer; расширение для браузеров на базе Chromium, таких как Google Chrome, Brave, Opera, IE Edge, созданное с помощью Chromium, и т. д.
Функции
С помощью этого расширения вы можете проверить следующее:
- Заполненная или незаполненная форма и ее поля
- Найти все формы на странице с именем или без имени
- Нет необходимости отправлять форму и проверять панель сетей в DevTools.
Возможности
Будущие возможности с расширением могут быть следующими:
- Доступ к этой информации через панели DevTools или омнибокс
- Информация об URL-адресе отправки формы
- и многое другое…
Расширение само по себе с открытым исходным кодом, и его можно найти по адресу https://github.com/pankajpatel/FormData-viewer-extension.
Вывод
Если вы обнаружите, что это расширение помогает вам в рабочем процессе разработки, поделитесь им с другими. Вы также можете поддержать нас, посетив нашу страницу поддержки.
Дайте мне знать, что вы думаете об этой статье в комментариях 💬 или в Твиттере на @patel_pankaj_ и @time2hack
Если вы считаете эту статью полезной, поделитесь ею с другими 🗣; подписывайтесь на новые посты и до новых встреч.
Сноски
Первоначально эта статья была опубликована в разделе Time to Hack в разделе Introbbing the FormData Viewer Extension».