在做 Vue 项目的过程中,有时候,生产环境抛出的 bug 本地或测试环境难以复现、排查,这个时候,就会想到 vue-devtools 这个工具,如下是生产或测试环境打开 vue-devtools 的方式:

__VUE_DEVTOOLS_GLOBAL_HOOK__.emit('init', (document.querySelector('#app').__vue__.__proto__.__proto__.constructor.config.devtools = true) && document.querySelector('#app').__vue__.__proto__.constructor)

我这里用的是谷歌浏览器,复制上面的代码粘贴放入 F12 控制台中,然后回车,即可打开 vue-devtools。(注意:前提是浏览器已经安装了 vue-devtools 插件)

 

GitHub 加速计划 / de / devtools
24.6 K
4.14 K
下载
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
最近提交(Master分支:3 个月前 )
79116147 - 4 个月前
f0359002 - 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐