AI product readChrome DevTools extension for debugging and inspecting Vue.js applications
Provides developers with specialized tools to inspect, debug, and profile Vue.js applications directly in Chrome DevTools, which is not possible with standard browser DevTools alone
1. Install extension and navigate to a page with Vue.js. 2. Extension automatically detects Vue.js via content scripts (prepare.js runs at document_start in MAIN world). 3. Extension popup shows Vue detection status (enabled/disabled/Nuxt/VitePress). 4. Open Chrome DevTools and find the Vue panel. 5. Inspect component tree, view component state/props/events, debug application state. 6. Use graph visualization to understand component relationships.
Detects Vue.js presence on web pages and shows detection status in extension popupAdds dedicated Vue panel to Chrome DevTools for component inspectionDisplays component tree hierarchy with parent-child relationshipsInspects component state, props, computed properties, and emitted eventsSupports Vue 2 (with migration guide to Vue 3) and Vue 3 applicationsDetects and provides specialized icons for Nuxt and VitePress frameworks
- Target users
- Vue.js developers / Frontend developers building with Vue.js framework / Developers using Nuxt.js or VitePress / Frontend developers debugging Vue component hierarchies and state
- The extension source code is minified, making some analysis less precise. However, the core architecture is clear from entry files and manifest.
- Cannot verify if external Vue.js ecosystem tools (like Vue DevTools desktop app or VS Code extension) have paid features, but this Chrome extension itself is completely free.
- The large vis.js graph visualization library (1.9MB) contains many false positive keyword matches that are part of the library code, not the extension's own functionality.
MonetizationNo paid features detected
Vue.js devtools is a completely free, open-source developer tool (GitHub: vuejs/devtools). There are no payment mechanisms, subscription models, feature gating, or upgrade prompts anywhere in the codebase. The 'pro' keyword matches are all false positives hitting Vue component 'props' properties and Object.prototype methods. The extension has no integration with payment platforms, no billing APIs, and no premium feature indicators.
- Confidence
- 95
- Payment platform
- --
- Source
- AI / High
- Login required
- No
- Reason
- Vue.js devtools is a local browser extension that works entirely within Chrome DevTools without requiring any user authentication or account creation. The extension operates by injecting scripts into pages to detect Vue.js instances and communicate with a devtools panel. No login UI, authentication flows, or account management features exist in the codebase. The keyword matches for 'token', 'session', 'account', and 'auth' are all false positives from the vis.js graph visualization library (HammerJS touch sessions), DOM token lists, MIT license text, and mathematical comments like 'accounting for the positions'.
The extension injects <script /> tag which messes it up when I view any sitemap.xml.
经常卡死。太难受了。每次都要重启插件
用tsx写的组件,开发者工具根本识别不了该component。导致完全看不了数据
С недавних пор перестал нормально работать. Приходится каждый раз перезагружать вкладку
They've broken it! As other people have mentioned, most of the time the navigator freezes, so you have to close the browser down. Please fix! Tried in IE, Brave and Chrome and it's all the same.
hardware:mbp16 M2pro macOs:14.3.1 chrome:123 vue.js-devtools: 6.6.1 经常出现变量不刷新的情况,需要重启chrome的开发者工具才能重新使用。
For some reason, when I use the devtools my navigator freezes and when I go to task manager to forcibly close the navigator, it begins to use lots of resources, chuging RAM like crazy (I have 32GB). I don't know why the extension bricks my navigator, but it is really annoying. I'm using brave v1.64.116, vue extension v6.6.1 and windows 11 pro, but this has been a problem for me more than a year. Maybe it conflicts with other extensions I have, which are angular devtools, goFullPage, laravel testools, react devtools, redux devtools and wappalyzer.
vue2.6.14版本+webpack, 也是时不时死了,点什么都没响应
Leider unfassbar unstabil geworden. Man muss fast jedes mal die komplette Konsole schließen, dann neu laden und wieder neu öffnen, um die DevTools zu nutzen. Das war früher wesentlich stabiler. Evtl. wäre es gut, eine stabile Vue 2 Variante als Chrome Extension zu haben, die nicht versucht, Vue 3 mit abzudecken (vielleicht kommt hier die Instabilität her) und für Vue 3 dann die DevTools-Next nutzt: https://devtools-next.vuejs.org/
vue3 + vite 会卡死不动,或不刷新,希望能优化一下。虽然vue2好用,但作者已经不维护了。意义也就不大了