当前位置: 首页 > 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, 就会这样

在这里插入图片描述

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

在这里插入图片描述

最后

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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Kafka消息积压的典型场景及解决方案
  • python办公自动化:使用`Python-PPTX` 嵌入媒体文件
  • 智谱发布新一代基座模型
  • es、kibana及分词器的安装
  • 冲刺蓝桥杯第三章字符串
  • C语言通用函数 - 判断ip是否合法
  • 简述Glide的源码
  • 自动化脚本到LabVIEW转换
  • Django+Vue花卉商城系统的设计与实现
  • day04-面向对象-常用API时间Arrays
  • Django+Vue音乐推荐系统的设计与实现
  • 如何在C语言中使用pthread库实现多线程编程
  • kafak集群搭建-基于kRaft方式
  • 【MySQL-24】万字全面解析<索引>——【介绍&语法&性能分析&使用规则】
  • USER_CLOCK_ROOT
  • 「译」Node.js Streams 基础
  • 【162天】黑马程序员27天视频学习笔记【Day02-上】
  • 0基础学习移动端适配
  • Create React App 使用
  • input的行数自动增减
  • passportjs 源码分析
  • python大佬养成计划----difflib模块
  • React-Native - 收藏集 - 掘金
  • UEditor初始化失败(实例已存在,但视图未渲染出来,单页化)
  • 阿里云Kubernetes容器服务上体验Knative
  • 爱情 北京女病人
  • 记一次删除Git记录中的大文件的过程
  • 聊聊redis的数据结构的应用
  • 模仿 Go Sort 排序接口实现的自定义排序
  • 前端相关框架总和
  • 区块链共识机制优缺点对比都是什么
  • 数据结构java版之冒泡排序及优化
  • 想写好前端,先练好内功
  • 小程序测试方案初探
  • 曜石科技宣布获得千万级天使轮投资,全方面布局电竞产业链 ...
  • #git 撤消对文件的更改
  • (13)Latex:基于ΤΕΧ的自动排版系统——写论文必备
  • (5)STL算法之复制
  • (Git) gitignore基础使用
  • (zt)最盛行的警世狂言(爆笑)
  • (动态规划)5. 最长回文子串 java解决
  • (二)springcloud实战之config配置中心
  • (分享)一个图片添加水印的小demo的页面,可自定义样式
  • (六)软件测试分工
  • (亲测有效)推荐2024最新的免费漫画软件app,无广告,聚合全网资源!
  • (四)事件系统
  • (转)ORM
  • .net 程序 换成 java,NET程序员如何转行为J2EE之java基础上(9)
  • .NET 自定义中间件 判断是否存在 AllowAnonymousAttribute 特性 来判断是否需要身份验证
  • .NET/C# 在 64 位进程中读取 32 位进程重定向后的注册表
  • .NetCore项目nginx发布
  • .net程序集学习心得
  • .Net开发笔记(二十)创建一个需要授权的第三方组件
  • @ModelAttribute使用详解
  • []新浪博客如何插入代码(其他博客应该也可以)