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

已于 2023-03-20 09:48:04 修改
阅读量2.6k 收藏 1
点赞数 1
文章标签： vue.js Powered by 金山文档
于 2023-03-20 09:41:59 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaohu_haha/article/details/129660980
版权

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

这样就可以看到啦

悠悠、
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
谷歌浏览器 vue插件工具
04-29
vue谷-歌插件，开发帮手vue-devtools Vue.js devtools：调试vue.js应用的浏览器扩展 Chrome插件
vue.js devtools 离线 插件 最新版本 6.2.1
08-16
现在chrome应用市场，打不开了。 下载了插件有的时候会被自动删除。 vue.js devtools 离线插件 最新版本 6.2.1 亲测可用
Chrome浏览器 安装Vue插件vue-devtools
最新发布
A_aspectJ的博客
03-30 1294
vue-devtools 是一个为 Vue.js 开发者设计的 Chrome 插件。它可以让你更轻松地审查和调试 Vue 应用程序。与普通的浏览器控制台工具不同，Vue.js devtools 专为 Vue 的响应性数据和组件结构量身定做。
解决谷歌浏览器扩展程序中安装vue-devtools插件遇到的问题
weixin_44380109的博客
09-27 2402
我由于最近新换了个电脑，在谷歌浏览器中安装vue-devtools的插件时，我是通过https://chrome.google.com/webstore/category/extensions?hl=zh-CN安装vue-devtools的插件，其中遇到的问题如下： 1.安装好之后右上角图标时灰色的 2.点击F12后，下面没有显示vue 解决方案： 第一个问题：在扩展程序中查找vue-devtoo...
在google应用商店下载的Vue.js Devtools在控制台(开发者模式)没有vue选项
weixin_42664784的博客
02-21 7068
在google应用商店下载的Vue.js Devtools在控制台没有vue选项第一种:图标不亮第二种:图标亮,但是在下面的控制台选项中没有vue 第一种:图标不亮 首先,如果最上面那个vue图标如果没有亮,说明当前页面不是vue写的,找一个vue写的网页打开就亮了,比如哔哩哔哩 第二种:图标亮,但是在下面的控制台选项中没有vue 点击vue图标,有这么一段话 Vue.js is detecte...
在google应用商店下载的Vue.js Devtools在控制台没有vue选项
qq_45191974的博客
12-14 1254
第一种:图标不亮 首先,如果最上面那个vue图标如果没有亮,说明当前页面不是vue写的,控制台必然没有vue选项,找一个vue写的网页打开就亮了,比如哔哩哔哩.如果亮了之后控制台还是没有vue选项,就需要看我们的第二种了. 如果访问文件就需要打开： 第二种: 图标亮,但是在下面的控制台选项中没有vue 点击vue图标,有这么一段话 1.Vue.js is detected on this page. Devtools inspection is not 2.available because it's.
浏览器中下载了vue扩展程序，控制台却不显示vue，且vue标签是灰色
weixin_55966654的博客
10-10 7741
解决浏览器控制台不显示vue，以及右侧的标签呈现灰色的问题
安装了Vue-devtools插件，浏览器的控制台不显示
qq_31594665的博客
10-19 2821
Google浏览器中开发调试的时候，右上角出现vue的图标，但是在开发者工具中没有出现vue调试（已在扩展程序中安装 Vue Devtools），控制台却没有Vue。没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，Vue Devtools只在开发环境生效。
chrome安装vue插件控制台不显示
weixin_64064226的博客
11-06 3152
chrome安装vue插件控制台不显示
Vue.js devtools运行但调试窗口未出现的解决方案
terence的博客
06-05 4330
Vue.js devtools是一款基于Chrome浏览器的调试Vue.js应用的扩展程序。然而，有时即使该插件已经在运行，调试窗口也可能未出现。
Vue3开发工具设置好后在开发者工具中找不到“vue”面板？
mx_programmers的博客
03-02 408
chrome。
Vue.js devtools(Vue3开发者工具插件)
01-21
Vue3的开发者工具，添加在浏览器的插件中，可以方便我们查看Vue数据
Vue.js devtools谷歌插件
03-14
Vue.js devtools谷歌插件，需要的可以下载，亲测可用
Vue.js devtools 6.5.0
04-21
Vue.js devtools 6.5.0
Vue.js devtools 3.1.5
03-09
1 vue开发日常调试工具 2 chrome或者360安全浏览器可用
Chrome浏览器安装Vue.js插件是显示Vue.js is not detected怎么解决
qiaoyangla的博客
02-06 5639
当我们安装谷歌浏览器vue插件时，会出现没有检测到情况，右上角图标显示灰色 我们点击右上角 扩展程序，点击下图所示图标 出现 点击详情，将允许访问文件网址打开按钮就行。 请注意以下几点： 1、检查你的开发者工具选项是否已经打开 2、是否打开了插件的开关 3、文件中引入的 vue 文件 ，文件名必须为 ‘ vue.js ’ ， 不能为其他 4、引入的 vue 文件必须是开发版本的文件，不能是生产版本 ， 这是官网下载地址：安...
关于Chrome浏览器vue devtools F12后控制台不显示VUE选项的问题
热门推荐
thirteen_king13的博客
10-16 1万+
在安装完Vue.js devtools后，打开自己写的vue网页，发现右上角vue图标是灰色，而且通过F12打开控制台也没有Vue这个选项。 通过上网查询： 提到最多的是打开Vue扩展程序，打开无痕模式（隐私模式）下启用，和允许访问文件网址，这两项。 对于自己的还是没有用，鼠标左键点击Vue图标（扩展程序已将Vue固定到了页面）会出现提示类文字。 情况一： Vue.js not detected ，Vue图标是灰色，这种情况通常可以通过上面那个方法解决。 情况二： Vue图标是高亮的，但是控制台没有Vu
mac环境下Google Chrome 安装vue插件后图标亮起但控制台无vue的解决方法
Cheryl的加工厂
09-04 716
重新安装扩展程序后，右上方小图标亮起，但控制台无vue 尝试方法： 修改manifest.json文件 “persistent":true 修改后重新加载页面，控制台未出现vue 点开自己基于vue开发的项目，发现控制台已经有vue了 ...
安装了VueDevtools插件但在控制台不显示Vue的解决方案
IT13333的博客
07-06 8002
出现问题 安装好Vue Devtools插件后，在Google浏览器中开发调试的时候，右上角的Vue图标变亮，但是在开发者工具中没有出现Vue调试。 如下图： 控制台的Vue调试应该如下图显示 分析原因 第一种情况：没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，或是没有勾选 https://github.com/vuejs/vue-devtools 1. If the page uses a production/minified build of Vue.js, devtools in
安装完Vue.js devtools怎么在控制台添加vue
03-14
的调试器？ 你可以在控制台中输入“Vue”，如果Vue.js已经成功安装，你应该能够看到Vue对象的输出。然后，你可以使用Vue.js devtools的调试器来调试Vue.js应用程序。要打开调试器，请在控制台中输入“Vue.devtools.open()”。这将打开Vue.js devtools的调试器，你可以在其中查看Vue.js应用程序的状态和调试信息。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值