Enhanced Vue.js devtools
This add-on is built on the top of Vue.js devtools 5.3.3. It Adds a panel for checking duplicate keys
What is Enhanced Vue.js devtools?
Enhanced Vue.js devtools is a Chrome extension developed by caizhenci, and its main feature is "This add-on is built on the top of Vue.js devtools 5.3.3. It Adds a panel for checking duplicate keys".
Extension Screenshots
Download Enhanced Vue.js devtools Extension CRX File
Download Enhanced Vue.js devtools extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
该插件是基于Vue.js devtools 5.3.3的功能拓展版
它新增了一个DuplicateKey（重复key）面板，这里显示的是我们页面中出现了重复key问题的组件。它可以提示我们该组件位于Dom树中的什么位置，父组件是谁，以及处于哪个源码文件中（open in editor）
使用它我们就可以快速有效地排查Vue中碰到的重复key问题了，简单实用，赶紧pick起来吧 Extension Basic Information
| Name |  Enhanced Vue.js devtools |
| ID | ceondjobkkcjpcmkcggnpoenhhimmkln |
| Official URL | https://chromewebstore.google.com/detail/enhanced-vuejs-devtools/ceondjobkkcjpcmkcggnpoenhhimmkln |
| Description | This add-on is built on the top of Vue.js devtools 5.3.3. It Adds a panel for checking duplicate keys |
| File Size | 455 KB |
| Installation Count | 791 |
| Current Version | 1.1.0 |
| Last Updated | 2020-06-17 |
| Publish Date | 2020-06-17 |
| Developer | caizhenci |
| Payment Type | free |
| Supported Languages | zh-CN |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "Enhanced Vue.js devtools",
"version": "1.1.0",
"version_name": "1.1.0",
"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": 2,
"icons": {
"16": "icons\/16.png",
"48": "icons\/48.png",
"128": "icons\/128.png"
},
"browser_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"
},
"web_accessible_resources": [
"devtools.html",
"devtools-background.html",
"build\/backend.js"
],
"devtools_page": "devtools-background.html",
"background": {
"scripts": [
"build\/background.js"
],
"persistent": false
},
"permissions": [
"http:\/\/*\/*",
"https:\/\/*\/*",
"file:\/\/\/*",
"contextMenus",
"storage"
],
"content_scripts": [
{
"matches": [
" | |
