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 an extension built on top of Vue.js devtools 5.3.3. It offers a special feature of providing a 'Duplicate Key' panel, which showcases components with repeated keys in your page. It gives you the component's location within the DOM, its parent component, and the source code file it lies in. With the efficiency and simplicity that it offers, this tool aids in steadily debugging issues of duplicate keys encountered in Vue.js.

Download

Extension stats

By: caizhenci

View on Chrome Web Store

Users: 1,000+

Rating: 5.00 (4)

Version: 1.3.0 (Last updated: 2024-11-20)

Creation date: 2020-06-17

Risk impact: Moderate risk impact

Risk likelihood: Moderate risk likelihood

Manifest version: 3

Permissions:

storage
scripting

Host permissions:

http://*/*
https://*/*
file:///*

Size: 2.24M

Email: 93*****@qq.com

Ranking

# 28632 ▼ 118

Other rankings

#7047 in Developer Tools ▲ 2 #182 in enhance keyword 33 ▼ 17

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

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