Enhanced Vue.js devtools Extension Chrome

This add-on is built on the top of Vue.js devtools 5.3.3. It Adds a panel for checking duplicate keys

Latest Version

Version

1.3.1

Update

November 21, 2024

Size

895KiB

Developer

Enhanced Vue.js devtools Extension

该插件是基于Vue.js devtools 5.3.3的功能拓展版
它新增了一个DuplicateKey（重复key）面板，这里显示的是我们页面中出现了重复key问题的组件。它可以提示我们该组件位于Dom树中的什么位置，父组件是谁，以及处于哪个源码文件中（open in editor）
使用它我们就可以快速有效地排查Vue中碰到的重复key问题了，简单实用，赶紧pick起来吧

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Enhanced Vue.js devtools", "version": "1.3.1", "version_name": "1.3.1", "description": "This add-on is built on the top of Vue.js devtools 5.3.3. It Adds a panel for checking duplicate keys", "manifest_version": 3, "icons": { "16": "icons/16.png", "48": "icons/48.png", "128": "icons/128.png" }, "web_accessible_resources": [ { "resources": [ "devtools.html", "devtools-background.html", "build/proxy.js", "build/backend.js", "build/hook-exec.js", "build/detector-exec.js" ], "matches": [ "" ] } ], "devtools_page": "devtools-background.html", "background": { "service_worker": "build/service-worker.js" }, "permissions": [ "storage", "scripting" ], "content_scripts": [ { "matches": [ "" ], "js": [ "build/hook.js" ], "run_at": "document_start" }, { "matches": [ "" ], "js": [ "build/detector.js" ], "run_at": "document_idle" } ], "action": { "default_icon": { "16": "icons/16-gray.png", "48": "icons/48-gray.png", "128": "icons/128-gray.png" }, "default_title": "Enhanced Vue.js devtools", "default_popup": "popups/not-found.html" }, "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self';" }, "host_permissions": [ "http://*/*", "https://*/*", "file:///*" ]}