AI 产品解读Chrome DevTools panel for inspecting and debugging AntV X6 graph instances on web pages.
Helps web developers visualize, inspect, and debug X6 graph elements (nodes, edges, plugins) directly in the browser DevTools without needing to write custom inspection code.
1. Developer opens Chrome DevTools on a page with an X6 graph. 2. The extension detects the X6 instance via window.__x6_instances__. 3. A panel titled 'AntV X6' appears in DevTools showing the graph structure. 4. Developer can click elements to highlight them on the page and view their properties.
Displays X6 graph structure (nodes, edges, plugins) in a DevTools panelHighlights graph elements on the page with colored bounding boxesShows element properties and attributesDisplays FPS and memory usage for the graphSupports selecting elements to inspect their details
- 目标用户
- Web developers using AntV X6 for building flowcharts, DAGs, ER diagrams, etc.
- The extension is a devtools panel, so its behavior depends on the inspected page having X6 loaded. No server-side or external service interactions were found, but the analysis is based solely on static source code.
付费分析未识别到付费功能
The extension is a free developer tool for inspecting AntV X6 graphs. There are no references to payment platforms, subscription plans, upgrade prompts, or paid feature gating in the source code. The 'pro' keyword matches in the static scan are false positives (e.g., 'prop', 'production.min.js', 'Promise').
- 置信度
- 95
- 支付平台
- --
- 来源
- AI / 高
- 需要登录
- 否
- 登录理由
- The extension is a Chrome DevTools panel that inspects the current page's X6 graph instances. It does not implement any login UI, nor does it redirect to a web service requiring authentication. The core workflow (opening DevTools and inspecting graphs) works without any account.
挺实用的 可以清晰的查看数据,修改样式,
好用的,特别适合自定义查看是否修改上了。需要在代码里挂载,我是在mounted挂载的。
挺好用的,需要把实例挂到window上: window.__x6_instances__ = [] const graph = new Graph({ ...blablabla }) window.__x6_instances__.push(graph)
假的,安装后控制台没有antv x6面板