Item logo image for Formily DevTools (v3)

Formily DevTools (v3)

Item media 1 (screenshot) for Formily DevTools (v3)

Overview

Formily DevTools (v3) for debugging application's state changes.

Formily DevTools (v3) 🔍 is the ultimate Chrome extension for developers crafting dynamic forms with Formily! Seamlessly integrated into Chrome Developer Tools, it supercharges your workflow with ​real-time visual debugging 💡, letting you inspect, troubleshoot, and optimize complex forms effortlessly. Key Features: ​🌳 Visual Form Inspector: Dive into hierarchical form structures with expandable/collapsible nodes—navigate layers like a pro! ​📊 Live State Tracker: Watch field values, validation status, errors, and interactions update instantly as users engage with your form. ​🌐 Data Flow Mapper: Visualize how data propagates across fields to catch bottlenecks, loops, or unexpected behavior. ⚡ Debugging Accelerator: Slash troubleshooting time with centralized insights—no more endless console logs! ​🕵️ Hidden Issue Hunter: Uncover stealthy state mismatches, silent errors, or performance drains before they reach users. Ideal for taming intricate form logic, ​Formily DevTools (v3) turbocharges productivity 🚀, boosts transparency, and ensures rock-solid form performance. Stop guessing—start seeing your form’s inner workings! ✨ ​Why Wait? Install now and transform your Formily debugging experience into a seamless, emoji-worthy adventure! 🎉 ✨ Developers love it for simplifying maintenance 🛠️, crushing bugs 🐜, and delivering buttery-smooth user experiences.

Details

  • Version
    3.1.0
  • Updated
    April 24, 2025
  • Offered by
    OpenGG
  • Size
    344KiB
  • Languages
    English
  • Developer
    Email
    liy099@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

MobX Developer Tools

3.2

Dev-tools for MobX and React

LocatorJS

4.3

LocatorJS Chrome Extension - option-click to code (ReactJS)

Octotree - GitHub code tree

4.9

GitHub on steroids

Whistle 第三方插件

4.9

Whistle 非官方管理工具

Vue.js devtools

2.6

Browser DevTools extension for debugging Vue.js applications.

ModHeader - Modify HTTP headers

3.1

Modify HTTP request headers, response headers, and redirect URLs

Console Importer

4.6

Import JavaScript and CSS resources from console, with one command

稀土掘金

3.5

为程序员、设计师、产品经理每日发现优质内容。

Midscene.js

4.6

Open-source SDK for automating web pages using natural language through AI.

Proxy SwitchyOmega 3 (ZeroOmega)

4.8

Manage and switch between multiple proxies quickly & easily.

Ajax Modifier

4.6

To modify ajax responses on any page

FeHelper(前端助手)

4.7

FE助手:JSON自动格式化、手动格式化,支持排序、解码、下载等,更多功能可在配置页按需安装!

MobX Developer Tools

3.2

Dev-tools for MobX and React

LocatorJS

4.3

LocatorJS Chrome Extension - option-click to code (ReactJS)

Octotree - GitHub code tree

4.9

GitHub on steroids

Whistle 第三方插件

4.9

Whistle 非官方管理工具

Vue.js devtools

2.6

Browser DevTools extension for debugging Vue.js applications.

ModHeader - Modify HTTP headers

3.1

Modify HTTP request headers, response headers, and redirect URLs

Console Importer

4.6

Import JavaScript and CSS resources from console, with one command

稀土掘金

3.5

为程序员、设计师、产品经理每日发现优质内容。

Google apps