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) ▲ 2 new ratings

Version: 1.1.0 (Last updated: 2020-06-17)

Creation date: 2020-06-17

Risk impact: Moderate risk impact

Risk likelihood: Low risk likelihood

Manifest version: 2

Permissions:

http://*/*
https://*/*
file:///*
contextMenus
storage

Size: 465.92K

Ranking

# 27065 ▲ 1073

Other rankings

#7092 in Developer Tools ▲ 47 #232 in enhance keyword 39 ▲ 15

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起来吧