Vue 生产环境打开vue-devtools工具
devtools
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
项目地址:https://gitcode.com/gh_mirrors/de/devtools
免费下载资源
·
在做 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 个月前
更多推荐
已为社区贡献4条内容
所有评论(0)