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

Was ist Enhanced Vue.js devtools?

Enhanced Vue.js devtools ist eine Chrome-Erweiterung, die von caizhenci entwickelt wurde, und ihr Hauptmerkmal ist "This add-on is built on the top of Vue.js devtools 5.3.3. It Adds a panel for checking duplicate keys".

Erweiterungsscreenshots

screenshot
screenshot
screenshot
screenshot
screenshot

Enhanced Vue.js devtools-Erweiterungs-CRX-Datei herunterladen

Laden Sie Enhanced Vue.js devtools-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

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

Grundlegende Informationen zur Erweiterung

Name Enhanced Vue.js devtools Enhanced Vue.js devtools
ID ceondjobkkcjpcmkcggnpoenhhimmkln
Offizielle URL https://chromewebstore.google.com/detail/enhanced-vuejs-devtools/ceondjobkkcjpcmkcggnpoenhhimmkln
Beschreibung This add-on is built on the top of Vue.js devtools 5.3.3. It Adds a panel for checking duplicate keys
Dateigröße 455 KB
Installationsanzahl 791
Aktuelle Version 1.1.0
Letztes Update 2020-06-17
Veröffentlichungsdatum 2020-06-17
Entwickler caizhenci
Zahlungsart free
Unterstützte Sprachen 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": [
                ""
            ],
            "js": [
                "build\/hook.js"
            ],
            "run_at": "document_start"
        },
        {
            "matches": [
                ""
            ],
            "js": [
                "build\/detector.js"
            ],
            "run_at": "document_idle"
        }
    ]
}