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
什麼是Enhanced Vue.js devtools?
Enhanced Vue.js devtools是由caizhenci開發的Chrome擴展程式,該擴展的主要功能是“This add-on is built on the top of Vue.js devtools 5.3.3. It Adds a panel for checking duplicate keys”。
擴展截圖
下載Enhanced Vue.js devtools擴展crx文件
下載Enhanced Vue.js devtools擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。
擴展使用說明
该插件是基于Vue.js devtools 5.3.3的功能拓展版
它新增了一个DuplicateKey(重复key)面板,这里显示的是我们页面中出现了重复key问题的组件。它可以提示我们该组件位于Dom树中的什么位置,父组件是谁,以及处于哪个源码文件中(open in editor)
使用它我们就可以快速有效地排查Vue中碰到的重复key问题了,简单实用,赶紧pick起来吧 擴展基本資訊
| 名稱 | |
| ID | ceondjobkkcjpcmkcggnpoenhhimmkln |
| 官方網址 | https://chromewebstore.google.com/detail/enhanced-vuejs-devtools/ceondjobkkcjpcmkcggnpoenhhimmkln |
| 簡介 | This add-on is built on the top of Vue.js devtools 5.3.3. It Adds a panel for checking duplicate keys |
| 檔案大小 | 455 KB |
| 安裝次數 | 791 |
| 目前版本 | 1.1.0 |
| 更新時間 | 2020-06-17 |
| 上架時間 | 2020-06-17 |
| 開發者 | caizhenci |
| 付費類型 | free |
| 支援的語言 | 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": [
" | |