Enhanced Vue.js devtoolsคืออะไร?

Enhanced Vue.js devtools เป็นส่วนขยายของ Chrome ที่พัฒนาโดย caizhenci และคุณลักษณะหลักของมันคือ "This add-on is built on the top of Vue.js devtools 5.3.3. It Adds a panel for checking duplicate keys"

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Enhanced Vue.js devtools

ดาวน์โหลดไฟล์ส่วนขยาย Enhanced Vue.js devtools ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

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

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ	Enhanced Vue.js devtools
ID	ceondjobkkcjpcmkcggnpoenhhimmkln
URL อย่างเป็นทางการ	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": [ "" ], "js": [ "build\/hook.js" ], "run_at": "document_start" }, { "matches": [ "" ], "js": [ "build\/detector.js" ], "run_at": "document_idle" } ] }