Vue 生产环境打开vue-devtools工具
devtools
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
项目地址:https://gitcode.com/gh_mirrors/de/devtools
![](https://devpress.csdnimg.cn/6deffb34f7114cc1a2e1e686a67e0027.png)
·
在做 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 插件)
![]( https://profile-avatar.csdnimg.cn/default.jpg)
![](https://devpress.csdnimg.cn/7174e1ca86c447029bb12f9ec0bd281c.png)
![](https://devpress.csdnimg.cn/096f7827187446559bd7b6030eb5db38.png)
![](https://devpress.csdnimg.cn/6deffb34f7114cc1a2e1e686a67e0027.png)
vuejs/devtools: Vue.js 开发者工具,这是一个浏览器插件,可以安装在 Chrome 和 Firefox 等现代浏览器中,用于调试 Vue 应用程序,提供了组件树查看、状态快照、时间旅行等高级调试功能。
最近提交(Master分支:6 个月前 )
79116147 - 7 个月前
f0359002 - 8 个月前
更多推荐
所有评论(0)