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: 986 ▲ 29

Rating: 5.00 (1)

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

# 28953 ▲ 190

Other rankings

#6397 in Developer Tools ▼ 4 #248 in enhance keyword 43 ▲ 5

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

User reviews

这是我用过最好的vue devtool插件；很不错，不会像官方的那个会卡死，且刷新页面后可以点击refresh，但是chrome应用商店提示：“此扩展程序未遵循 Chrome 扩展程序的最佳实践，因此可能很快将不再受支持。”，开发者看看是什么问题

敖龙宇, 2024-09-11

View all user reviews

Extension safety

Risk impact

Enhanced Vue.js devtools may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.