Vue.js find components 作者: lukaw3d
实验性实验性
Intended for Vue.js developers, this only adds a helper function "vueFind" for accessing components when debugging Vue applications. It is added to every page after load, but it will only work on pages with development build of Vue
您需要 Firefox 来使用此扩展
扩展元数据
屏幕截图
关于此扩展
Extension for automating/debugging of Vue.js applications. For most debugging purposes Vue.js devtools are best. This extension supplements them by adding a global "vueFind" function for accessing components by selector, instead of clicking through devtools to get $vm0.
Usage:
Instead of manually searching for a component in devtools every time, run
$vm0 = window.vueFind('Card CardDialog[model=isCardDialogVisible]')
(and maybe even make a bookmarklet out of it)
Supported selectors
- Simple selectors:
window.vueFind('missing') prints a warning with a tree of supported selectors
- Attribute selectors:
only [attr=fullvalue] and [attr="full value"] operators are supported
- Combinators:
simple selectors can only be combined with a descendant combinator (a space)
Usage:
Instead of manually searching for a component in devtools every time, run
$vm0 = window.vueFind('Card CardDialog[model=isCardDialogVisible]')
(and maybe even make a bookmarklet out of it)
Supported selectors
- Simple selectors:
window.vueFind('missing') prints a warning with a tree of supported selectors
- Attribute selectors:
only [attr=fullvalue] and [attr="full value"] operators are supported
- Combinators:
simple selectors can only be combined with a descendant combinator (a space)
为您的体验打分
权限详细了解
此附加组件需要:
- 让开发者工具可以存取您打开的标签页中的数据
更多信息
添加到收藏集
0.1.0 的发布说明
Refactored for maintainability
lukaw3d 制作的更多扩展
- 目前尚无评分
- 目前尚无评分
- 目前尚无评分
- 目前尚无评分
- 目前尚无评分
- 目前尚无评分