vue-devtools插件Edge亮了但是控制台不显示

已于 2024-08-22 00:00:24 修改
阅读量1.9k 收藏 3
点赞数 2
文章标签： vue.js edge 前端
于 2024-05-06 15:40:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52754360/article/details/138497066
版权
用户在Edge插件商城遇到问题，即使设置正确但控制台无反应。尝试网上设置和重启电脑未解决问题。作者发现更换浏览器后正常显示，暗示Edge浏览器扩展可能存在兼容性或稳定性问题。

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

问题

直接在edge插件商城下的,也都勾选了,标志亮了,控制台无.

11e752cb2ed24bf991e70c5656b003eb.png

看网上加什么的设置感觉也不太行,而且这个商城直接下的感觉也不是压缩版 .

 

解决

Edge拓展有问题，也有可能就是这个浏览器不太能兼容vue。换个浏览器，我用的Chrome,就OK了，包行的

尽量不要有侥幸心理，因为edge拓展安装确实方便，但是也确实不太行，不稳定我edge搞了好几次有时候行有时候不行我以为是我自己的问题，后来发现是浏览器的问题

40b3a69875474ed4892c0efcef9b1177.png

 

礼貌的eagle
关注
Vue - DevTools Open DevTools and look for the Vue panel（控制台没有 Vue 选项卡）
王佳斌
01-18 5267
前言 安装了VueDevtools后，发现如下图所示提示： 但在控制台中找不到任何相关界面，而正确（有Vue选项卡）的应该是如下图所示： 解决方案 有2种可能性，请依次按照步骤进行。 一、打开谷歌浏览器，在地址栏输入chrome://extensions/，执行如下操作： 进入扩展程序中心，找到工具卡片，点击进入详情，如下图所示： 打开各种权限，尤其是允许访问文件网址，如下图所示： 最后重启浏览器，重新打开页面。 如上述操作依然不行，请继续往下看。 二、打开项目中main.
在google应用商店下载的Vue.js Devtools在控制台(开发者模式)没有vue选项
weixin_42664784的博客
02-21 8078
在google应用商店下载的Vue.js Devtools在控制台没有vue选项第一种:图标不亮第二种:图标亮,但是在下面的控制台选项中没有vue 第一种:图标不亮 首先,如果最上面那个vue图标如果没有亮,说明当前页面不是vue写的,找一个vue写的网页打开就亮了,比如哔哩哔哩 第二种:图标亮,但是在下面的控制台选项中没有vue 点击vue图标,有这么一段话 Vue.js is detecte...
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离线安装插件。
vue-devtools（浏览器扩展，edge、谷歌等通用）
08-17
适合多个浏览器，打开浏览器扩展，选择开发者模式，直接将文件解压后将文件夹拖入即可
安装了vue插件devtools,控制台不显示的解决方法
m0_73657187的博客
09-21 2137
3.把允许访问文件地址打开即可，有时候反应稍慢，多刷新几遍即可。1.打开浏览器页面的管理扩展程序。2.点击vue插件的“详情”项。
关于安装了Vue-devtools插件但在浏览器控制台不显示的解决方案
fxshy的博客
08-21 821
出现vue工具。
关于Chrome浏览器vue devtools F12后控制台不显示VUE选项的问题
wenbaikaichang的博客
07-12 3671
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就可以了。
vue: dev-tools控制台不显示问题
weixin_46211267的博客
08-01 3595
1.查看public/index.html中引用的vue是否为压缩版本（vue.min.js）。2.1 设置-扩展程序-管理扩展程序-找到Vue.js devtools。2.4 有权访问的网站：设置成再在所有网站上。2.3 打开-允许访问文件网址。需要把压缩版换成vue.js。
安装了Vue-devtools插件，浏览器的控制台不显示
qq_31594665的博客
10-19 5281
Google浏览器中开发调试的时候，右上角出现vue的图标，但是在开发者工具中没有出现vue调试（已在扩展程序中安装 Vue Devtools），控制台却没有Vue。没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，Vue Devtools只在开发环境生效。
vue devtools右上角任务栏显示可用，但是控制台不显示
m0_74228681的博客
11-06 2318
vue devtools右上角任务栏显示可用，但是控制台不显示，All Block广告拦截器的锅，删掉就行
Vue.js devtools运行但调试窗口未出现的解决方案
terence的博客
06-05 6440
Vue.js devtools是一款基于Chrome浏览器的调试Vue.js应用的扩展程序。然而，有时即使该插件已经在运行，调试窗口也可能未出现。
Chrome浏览器插件Vue-devtools提升Vue开发效率
标题和描述中提到的知识点涉及两个主要方面：一是Vue.js框架，二是vue-devtools这款浏览器插件。 1. Vue.js框架知识： Vue.js是一种渐进式JavaScript框架，它主要用于构建用户界面，特别是单页应用程序（SPA）。Vue...
Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools
最新发布
03-10
好的，我需要处理用户关于Vue Devtools的问题。用户提供的链接指向GitHub仓库，所以我应该先确认这个扩展是否还在维护，以及当前支持的Vue版本。 首先，用户可能想知道如何安装Vue Devtools，特别是针对Vue2的情况...
vue-devtools 不显示的问题
uuai
03-28 2874
【代码】vue-devtools 不显示的问题。
安装了vue.js devtools，但是控制台不显示。
qq_41973850的博客
02-11 1566
关于安装了vue devtools，但是在控制台看不到显示的问题。解决方案：打开扩展详情，勾选 允许访问文件url。问题：已经安装过devtools插件，但是控制台不显示。
浏览器安装了Vue-devtools插件，但在浏览器控制台不显示的问题解决方案
热门推荐
计算机小白学前端~
05-15 1万+
1. 具体问题如下：浏览器安装了Vue-devtools插件，浏览器控制台调不出来，页面显示正常，无其他问题 2. 错误原因：没显示调试工具的原因是用了生产环境的版本或是引入了压缩的vue版本，或是没有勾选（我就是引入了压缩的Vue文件，所以出现错误了） 3.具体解决方案：在你的代码 js里面添加如下代码 Vue.config.devtools = true; 4.问题成功解决 ...
【vue】chrome已安装Vue Devtools在控制台却无显示
ansem0444的博客
07-10 5200
chrome已安装Vue Devtools在控制台却无显示的解决： 在点亮Vue Devtools图标后，控制台没有vue解读显示。 原因：脚手架配置NODE_ENV直接定义为了production版本 解决： 更改webpack的发布的开发环境配置为 NODE_ENV: '"development"' 之后，重新编译，页面刷新再F12打开控制台即可。 转载于:ht...
安装成功Vue.js devtools后控制台不显示
weixin_42005600的博客
01-04 773
记录成功解决 https://www.codeprj.com/blog/a6d1331.html
vue devtool安装后在Edge调试器中不出现的问题
weixin_43996255的博客
05-21 830
安装扩展vue devtool，页面图标也点亮了，但是调试其中没有这个tag页面。
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值