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

Qu'est-ce que Enhanced Vue.js devtools ?

Enhanced Vue.js devtools est une extension Chrome développée par caizhenci, et sa fonction principale est "This add-on is built on the top of Vue.js devtools 5.3.3. It Adds a panel for checking duplicate keys".

Captures d'Écran de l'Extension

screenshot
screenshot
screenshot
screenshot
screenshot

Télécharger le fichier CRX de l'extension Enhanced Vue.js devtools

Téléchargez les fichiers d'extension Enhanced Vue.js devtools au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

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

Informations de Base sur l'Extension

Nom Enhanced Vue.js devtools Enhanced Vue.js devtools
ID ceondjobkkcjpcmkcggnpoenhhimmkln
URL Officiel 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
Taille du Fichier 455 KB
Nombre d'Installations 791
Version Actuelle 1.1.0
Dernière Mise à Jour 2020-06-17
Date de Publication 2020-06-17
Développeur caizhenci
Type de Paiement free
Langues Prises en Charge 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"
        }
    ]
}