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

devtools/2024/10/21 10:17:44/

写到最前面

首先,你已经下载了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.ppmy.cn/devtools/103981.html

相关文章

mysql实用系列:coalesce函数的使用

COALESCE 是 SQL 语言中的一个函数,它的作用是返回第一个非空表达式的结果。如果所有的表达式都是空值(NULL),则 COALESCE 函数返回 NULL。这个函数常用于处理可能存在 NULL 值的数据列,确保查询结果更加稳定和可预测 …

Android 中ebpf 的集成和调试

1. BPF 简介 BPF,是Berkeley Packet Filter的简称,最初构想提出于 1992 年。是一种网络分流器和数据包过滤器,允许早操作系统级别捕获和过滤计算机网络数据包。它为数据链路层提供了一个原始接口,允许发送和接收原始链路层数据包…

python中代码缩进

是指每行语句开始前的空白区域 用来表示python程序之间的包含和层次关系 类定义、函数定义、流程控制语句以及异常处理语句等行尾的冒号和下一行的缩进表示一个代码块的开始、而缩进结束,则表示一个代码块的结束 通常情况下采用4个空格作为一个缩进量 例如&#…

谷粒商城实战笔记-269~271-商城业务-订单服务-bug修改

文章目录 一,269-商城业务-订单服务-bug修改二,270-商城业务-订单服务-订单确认页渲染三,271-商城业务-订单服务-订单确认页库存查询四,272-商城业务-订单服务-订单确认页模拟运费效果 一,269-商城业务-订单服务-bug修…

系统编程-消息队列

消息队列 目录 消息队列 引入 一、消息队列的特点 二、使用指令查看消息队列 三、使用消息队列进行通信的步骤 1、获取键值 2、创建或获取消息队列 id 3、使用消息队列进行数据的传输 4、msgrcv -- 从消息队列中读取数据 5、消息队列的多种操作函数 引入 -- 进程间…

ChatGPT 3.5/4.0简单使用手册

ChatGPT 3.5/4.0 是一种先进的人工智能聊天机器人,能够理解和生成自然语言文本,为用户提供信息检索、问题解答、语言翻译等服务。 系统要求 操作系统:无特定要求,支持主流操作系统。网络连接:需要稳定的网络连接来使…

计算机网络概述(网络结构)

目录 网络结构组成 1.网络边缘 1.1使用基础设施的面向连接的可靠服务(TCP) 1.2使用基础设施的无连接的不可靠服务(UDP) 2.网络核心 2.1电路交换(线路交换) 2.2分组交换 排队延迟和丢失 2.3网络核心…

c++ STL 容器相关

容器库&#xff1a;容器库 - cppreference.com 一、std::priority_queue #include <queue> template<class T,class Container std::vector<T>,class Compare std::less<typename Container::value_type> > class priority_queue; 优先级队列是一…