关于chrome浏览器中显得devtools 但是控制台却没有vue调试选项

最新推荐文章于 2024-09-21 21:15:42 发布

qq_1535185308

最新推荐文章于 2024-09-21 21:15:42 发布

阅读量1.6k

点赞数 1

本文链接：https://blog.csdn.net/qq_40808443/article/details/111382808

版权

选择项目入口文件

按住ctrl+左键进入vue.runtime.esm.js 搜索 devtools

把 devtools: process.env.NODE_ENV !== ‘production’,改成
devtools: process.env.NODE_ENV !== ‘development’,

本人亲测有效/在浏览器显示devtools图标并且有颜色的基础之上

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_1535185308

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Vue - DevTools Open DevTools and look for the Vue panel（控制台没有 Vue 选项卡）

王佳斌

01-18

3802

前言安装了 Vue Devtools 后，发现如下图所示提示：但在控制台中找不到任何相关界面，而正确（有 Vue 选项卡）的应该是如下图所示：解决方案有 2 种可能性，请依次按照步骤进行。一、打开谷歌浏览器，在地址栏输入 chrome://extensions/ ，执行如下操作：进入扩展程序中心，找到工具卡片，点击进入详情，如下图所示：打开各种权限，尤其是允许访问文件网址，如下图所示：最后重启浏览器，重新打开页面。如上述操作依然不行，请继续往下看。二、打开项目中 main.

vue.js (2.6.11)、vue devtools、vue页签不显示的解决办法

04-03

学习vue，安装vue devtools后，按F12发现无法显示vue页签，百度后原因有二：1.vue.js(2.6.11)文件应该是无压缩、调试版本的；2.需要在vue devtools控制面板中勾选“在无痕模式下启用”、“允许访问网站文件”。本资源包含vue调试版本的无压缩文件、以及vue devtoosl离线安装插件。

2 条评论您还未登录，请先登录后发表或查看评论

火狐浏览器使用Vue Devtools工具，控制台一栏没有vue选项

qq_43592296的博客

07-13

1770

1、使用Vue Devtools的时候，页面右上角Vue图标是彩色的，但是在控制台没有vue选项。 2、原因：火狐浏览器下载了Vue Devtools之后，工具默认是不允许在隐私窗口中运行。 3、解决办法：允许在隐私窗口中运行成功解决！！！ ...

安装了vue插件devtools,控制台不显示的解决方法

最新发布

m0_73657187的博客

09-21

502

3.把允许访问文件地址打开即可，有时候反应稍慢，多刷新几遍即可。1.打开浏览器页面的管理扩展程序。2.点击vue插件的“详情”项。

Vue.js devtool插件已经运行，但是调试窗口没有出现的原因

weixin_45785873的博客

11-23

2448

Vue.js devtool插件已经运行，但是调试窗口没有出现的原因我们可以看到插件运行了，但是在调试器中没有显示首先我们进入插件安装目录，找到manifest.json文件，修改参数："persistent": false成"persistent": true 然后刷新页面，可以看到运行成功，当然，有注意点： 1、首先是要修改"persistent": true，在vue项目...

Vue.js devtools运行但调试窗口未出现的解决方案

terence的博客

06-05

5550

Vue.js devtools是一款基于Chrome浏览器的调试Vue.js应用的扩展程序。然而，有时即使该插件已经在运行，调试窗口也可能未出现。

Vue devtools安装，解决调试界面没有VUE的方法

weixin_46463398的博客

09-17

1537

5.然后找到文件扩产文件所在的位置，找到“mainfest.json”文件，用文本文件打开编辑，将"persistent": false更改为"persistent": true。1.下载Vue devtools，网址：https://chrome.zzzmh.cn/info/nhdogjmejiglipccpnnnanhbledajbpd。2.下载完成之后进行解压，会有一个“.crx”文件，点击扩展程序，添加扩展，添加扩展程序。3.直接张“.crx”文件拖拽进来，记得打开“开发者模式”

VueDevtools-chrome插件-vue调试工具

04-08

在 Chrome 浏览器中安装 VueDevtools 扩展非常简单，只需访问 Chrome 网络应用商店，搜索 "Vue Devtools" 并安装即可。 Vue.js 和 Chrome 结合 VueDevtools 的使用，为前端开发者提供了强大的工具，大大提升了开发...

在google应用商店下载的Vue.js Devtools在控制台(开发者模式)没有vue选项

weixin_42664784的博客

02-21

7550

在google应用商店下载的Vue.js Devtools在控制台没有vue选项第一种:图标不亮第二种:图标亮,但是在下面的控制台选项中没有vue 第一种:图标不亮首先,如果最上面那个vue图标如果没有亮,说明当前页面不是vue写的,找一个vue写的网页打开就亮了,比如哔哩哔哩第二种:图标亮,但是在下面的控制台选项中没有vue 点击vue图标,有这么一段话 Vue.js is detecte...

前端vue浏览器插件vue-devtools，前端vue开发

04-10

在前端开发过程中，Vue DevTools 是一个不可或缺的工具，它是Chrome浏览器的一个扩展，专门用于调试Vue.js应用。 Vue Devtools 提供了丰富的功能，帮助开发者深入理解Vue应用的运行机制。以下是Vue Devtools的一些...

vue3 devtools 版本6.5.0

05-04

Vue3 DevTools 版本6.5.0是一款强大的开发者工具，专为Vue.js 3.x框架设计，用于帮助前端开发者在Chrome浏览器中调试Vue应用。这个版本的更新旨在优化用户体验，提供更精确的组件检测和性能分析功能。在Chrome浏览器...

vue devtool安装后在Edge调试器中不出现的问题

weixin_43996255的博客

05-21

664

安装扩展vue devtool，页面图标也点亮了，但是调试其中没有这个tag页面。

打开谷歌浏览器没有vue插件

qq_45676823的博客

04-04

550

从idea打开url浏览地址粘贴到谷歌浏览器进行访问，打开控制台发现有了vue了。重新打开谷歌浏览器，

浏览器安装了Vue-devtools插件，但在浏览器控制台不显示的问题解决方案

计算机小白学前端~

05-15

1万+

1. 具体问题如下：浏览器安装了Vue-devtools插件，浏览器控制台调不出来，页面显示正常，无其他问题 2. 错误原因：没显示调试工具的原因是用了生产环境的版本或是引入了压缩的vue版本，或是没有勾选（我就是引入了压缩的Vue文件，所以出现错误了） 3.具体解决方案：在你的代码 js里面添加如下代码 Vue.config.devtools = true; 4.问题成功解决 ...

vue: dev-tools控制台不显示问题

weixin_46211267的博客

08-01

2964

1.查看public/index.html中引用的vue是否为压缩版本（vue.min.js）。2.1 设置-扩展程序-管理扩展程序-找到Vue.js devtools。2.4 有权访问的网站：设置成再在所有网站上。2.3 打开-允许访问文件网址。需要把压缩版换成vue.js。

前端学习记录----vue.js devtools插件使用(不显示问题)

m0_56294200的博客

03-13

3439

vue.js devtools插件的下载与使用，解决出现的问题

Vue中使用debugger在chrome谷歌浏览器中失效问题（已解决）