当前位置: 首页 > news >正文

生产环境中变态开启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, 就会这样

在这里插入图片描述

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

在这里插入图片描述

最后

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


http://www.mrgr.cn/news/15868.html

相关文章:

  • classA cla= ...; if(cla == nullptr) 这种写法是否安全
  • 远程教学必备神器:热门远程控制软件大盘点
  • Vue3.0教程001:Vue3简介
  • 一些零碎的关于合约测试,ERC20调用的知识
  • python基础(14内置函数介绍)
  • 第22周:调用Gensim库训练Word2Vec模型
  • 掌握SQL数据分割技巧:垂直与水平分割全解析
  • flume系列之:批量并行启动、停止、重启flume agent组
  • 【Linux】在 bash shell 环境下,当一命令正在执行时,按下 control-Z 会?
  • 【干货分享!】十五届蓝桥杯单片机国一经验分享
  • 【数学建模经验贴】数模的意义,并不只在于获奖,而在于历练!
  • union 的正确食用方法
  • 纯vue实现笔记系统
  • 对比 PDAF、CDAF 和 LAAF 自动对焦技术
  • 年后上来面试了13家企业软件测试岗位,面试题整理
  • 常用数据存储介质
  • 微信小程序客户端与服务端进行WebSocket通信
  • 2024高教社杯”全国大学生数学建模竞赛保奖秘诀!!!
  • 如何在C语言中使用pthread库实现多线程编程
  • 【区间dp、字符串处理】P4290 [HAOI2008] 玩具取名 题解