谷歌Vuex插件Vue.js devtools安装后控制台不显示的问题

原创 已于 2023-03-20 09:48:04 修改 · 3.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

于 2023-03-20 09:41:59 首次发布
当插件安装后，浏览器右上角出现灰色图标但控制台无Vue提示时，可能是因为当前页面非项目页面。只有在打开项目页面时，图标才会变彩，F12控制台才会显示Vue的相关信息。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

插件安装后，打开浏览器右上角有灰色的图标显示但是打开控制台却没有vue的提示，这种情况是因为你打开的只是一个谷歌浏览器页面，此页面并不是项目的页面，就会只有右上角显示灰色图标，如果页面是打开的项目页面，右上角图标会变成彩色，并且F12后控制台会有Vue的标题

这样就可以看到啦

悠悠、
关注
Vue - DevTools Open DevTools and look for the Vue panel（控制台没有 Vue 选项卡）
资深程序员
01-18 5972
前言 安装了VueDevtools后，发现如下图所示提示： 但在控制台中找不到任何相关界面，而正确（有Vue选项卡）的应该是如下图所示： 解决方案 有2种可能性，请依次按照步骤进行。 一、打开谷歌浏览器，在地址栏输入chrome://extensions/，执行如下操作： 进入扩展程序中心，找到工具卡片，点击进入详情，如下图所示： 打开各种权限，尤其是允许访问文件网址，如下图所示： 最后重启浏览器，重新打开页面。 如上述操作依然不行，请继续往下看。 二、打开项目中main.
在google应用商店下载的Vue.js Devtools在控制台(开发者模式)没有vue选项
weixin_42664784的博客
02-21 8329
在google应用商店下载的Vue.js Devtools在控制台没有vue选项第一种:图标不亮第二种:图标亮,但是在下面的控制台选项中没有vue 第一种:图标不亮 首先,如果最上面那个vue图标如果没有亮,说明当前页面不是vue写的,找一个vue写的网页打开就亮了,比如哔哩哔哩 第二种:图标亮,但是在下面的控制台选项中没有vue 点击vue图标,有这么一段话 Vue.js is detecte...
vue3.0项目，谷歌浏览器vue插件不亮
Cheryl的加工厂
04-09 1266
点此安装最新插件 安装之后发现图标亮起，但是控制台无vue 目前还没解决问题
谷歌 Chrome 浏览器离线安装 vue devtools 插件
最新发布
sinat_28005185的博客
06-22 819
由于某些原因，Chrome 应用商店访问不了，所以只能离线安装 vue devtools 插件，离线安装也有两种方法。
谷歌浏览器 vue插件工具
04-29
vue谷-歌插件，开发帮手vue-devtools Vue.js devtools：调试vue.js应用的浏览器扩展 Chrome插件
安装了Vue-devtools插件，浏览器的控制台不显示
qq_31594665的博客
10-19 5536
Google浏览器中开发调试的时候，右上角出现vue的图标，但是在开发者工具中没有出现vue调试（已在扩展程序中安装 Vue Devtools），控制台却没有Vue。没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，Vue Devtools只在开发环境生效。
关于Chrome浏览器vue devtools F12后控制台不显示VUE选项的问题
wenbaikaichang的博客
07-12 4398
1.首先找到这个插件安装的位置（我浏览器谷歌为例）：C:\Users\fang\AppData\Local\Google\Chrome\User\Data\Default\Extensions\nhdogjmejiglipccpnnnanhbledajbpd\5.3.4_0，找到并打开manidest.json文件。在安装完Vue.js devtools后，打开自己写的vue网页，发现右上角vue图标虽然亮了，但是通过F12打开控制台也没有Vue这个选项。最后保存，重新Shift+F12就可以了。
chrome安装vue插件控制台不显示
weixin_64064226的博客
11-06 3919
chrome安装vue插件控制台不显示
解决安装了Vue-devtools插件，但浏览器的控制台不显示Vue的问题
2301_76268105的博客
03-25 2918
此时在浏览器右上角出现了Vue的图标，我们在浏览器中打开自己的项目，发现是高亮状态，但控制台还是没有显示Vue。我使用的是Chome浏览器，在管理扩展程序页面打开vue.js devtool的详情页，选择固定到工具栏。今天在Vue-devtools插件的时候，发现控制台一直不显示vue选项，如图。重新安装了旧版本后，重新打开浏览器，打开自己的项目，就能成功显示Vue啦。在网上找了很多方法都没用，最后终于解决，于是给大家分享一下我的解决方案。所以只需要卸载当前版本，下载旧版本的。以下是正常显示Vue的页面。
Vue.js Devtools CRX 6.0.0beta10.rar
05-25
Vue.js Devtools是一款强大的开发者工具，专为Vue.js框架设计，用于帮助开发人员在谷歌浏览器上进行高效且精准的前端应用调试。这个压缩包“Vue.js Devtools CRX 6.0.0beta10.rar”包含的是Vue.js Devtools的最新...
Vue.js-Devtools_5.3.3_qwblog.com_-1.zip
05-11
Vue Devtools则提供了在浏览器控制台中查看和操作Vue实例、组件、状态、路由等的能力，是Vue开发者不可或缺的辅助工具。 Vue Devtools 5.3.3是该插件的一个稳定版本，主要功能包括： 1. **组件树**：展示当前Vue...
Chrome安装最新vue-devtool插件
05-14
安装Vue Devtools插件后，你将需要重启Chrome浏览器以使插件生效。之后，访问任何一个使用Vue.js构建的网页，你可以在浏览器右上角的工具栏中找到Vue Devtools图标。点击这个图标，就可以打开Vue Devtools面板，开始...
Vue.js devtools 4.1.4_0.crx - Google 插件深入解析
Vue.js devtools的最新版本为4.1.4_0，它是一个.crx文件格式的插件，适用于Google Chrome浏览器。CRX是Chrome扩展程序的文件格式，类似于ZIP文件，但以CRX作为文件扩展名。用户可以通过下载.crx文件，然后直接拖拽到...
安装了vue插件devtools, 但是控制台不显示
Tao 技术博客
06-01 470
解决vue 插件devtools 不显示问题
浏览器中下载了vue扩展程序，控制台却不显示vue，且vue标签是灰色
weixin_55966654的博客
10-10 9111
解决浏览器控制台不显示vue，以及右侧的标签呈现灰色的问题
chrome浏览器应用商店安装vue-develops，不能显示
xiaolong427的博客
07-23 1638
vue-develops插件不生效
chrome已安装Vue Devtools在控制台却无显示
Hello World
08-22 1680
在点亮Vue Devtools图标后，控制台没有vue解读显示。 原因：脚手架配置NODE_ENV直接定义为了production版本 解决办法： 更改webpack的发布的开发环境配置为 NODE_ENV: ‘“development”’ 如果是引入的本地版本，则将vue.min.js替换为vue.js ...
Vue3:Vue-Devtools已在浏览器扩展程序中添加，但是控制台不显示Vue标签。
weixin_53196143的博客
07-31 821
【代码】Vue3:Vue-Devtools已在浏览器扩展程序中添加，但是控制台不显示Vue标签。
vue.js devtools插件安装后不显示Vue选项
liberty888的博客
03-14 2662
vue.js devtools插件安装后不显示Vue选项
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值