您的位置:首页 > 文旅 > 旅游 > 生产环境中变态开启devtools(强制)

生产环境中变态开启devtools(强制)

2024/10/13 18:19:13 来源:https://blog.csdn.net/qq_36579455/article/details/141726236  浏览:    关键词:生产环境中变态开启devtools(强制)

写到最前面

首先,你已经下载了google的插件【vue devtools】,不知道怎么下载,留言博主

如果你想看的项目中的vuetools插件打开是这样的

Vue.js is detected on this page. Devtools inspection is not available because it’s in production mode or explicitly disabled by the author.

你好! 这是你第一次使用 **Markdown编辑器** 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。

正常的解决方案

老老实实打开你的项目,写入配置

/** 这里使用参数是否携带debug判断,你们也可以自己有跟中骚操作 */
if (location.search.includes('debug')) {Vue.config.devtools = true// 最终就是执行这段代码
}

上线部署

再次打开,就可以了

重点

本节的重点,怎么不这么操作就可以启用devtools

需要用到我们开发者常用的开发者调试工具 (F12)

然后按照如图操作
在这里插入图片描述
点击search, 然后输入“vue.js”,
在这里插入图片描述

接下来就是正常刷新页面,进入断点,我们按F10,让它走到大概长这样的时候
在这里插入图片描述
我们到console控制台,输入以下代码

t.default.config.devtools = true;

在这里插入图片描述
然后结束此次调试,F8快捷键

再去看一眼vuetools, 就会这样

在这里插入图片描述

然后关闭开发者工具,再打开一次你就看到了。别猴急,它反应不过来,你得关闭再打开一次开发者工具

在这里插入图片描述

最后

如果觉得帮助到你们,就评论感谢一下,让博主开心开心就行啦!!!

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com