已经安装好vue-devtools插件 右击检查看不到还是vue选项

最新推荐文章于 2024-03-28 09:58:31 发布
最新推荐文章于 2024-03-28 09:58:31 发布
阅读量1.6k 收藏 2
点赞数 2
分类专栏： Vue.js学习 文章标签： vue-devtools
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41251187/article/details/115520693
版权

情况1：打开的不是本地运行起来的系统

必须是开发模式下（即本地运行）才能看到，如果你打开的是已经放到服务器上面的链接，就是看不到的

情况2：使用外部引入vue.min.js的方式使用的vue

引入的是vue.min.js文件，这种压缩版的是默认不支持调试的，改为引入vue.js即可

M-Didid
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在google应用商店下载的Vue.js Devtools在控制台(开发者模式)没有vue选项
JUZI__的博客
04-17 2445
在google应用商店下载的Vue.js Devtools在控制台没有vue选项 第一种:图标不亮 第二种:图标亮,但是在下面的控制台选项中没有vue 第一种:图标不亮 首先,如果最上面那个vue图标如果没有亮,说明当前页面不是vue写的,控制台必然没有vue选项,找一个vue写的网页打开就亮了,比如哔哩哔哩.如果亮了之后控制台还是没有vue选项,就需要看我们的第二种了. 第二种:图标亮,但是在下...
安装了VueDevtools插件但在控制台不显示Vue的解决方案
shuureina的博客
12-20 2万+
安装好Vue Devtools插件后，在Google浏览器中开发调试的时候，右上角的Vue图标变亮，但是在开发者工具中没有出现Vue调试。 如下图： 控制台的Vue调试应该如下图显示 参考文章 ...
浏览器的审查元素，这是一个神奇的玩意儿
热门推荐
蜗牛先生
06-03 6万+
在做页面的过程中，应用到一些前端框架，很多时候都需要对框架的原始设计进行微调，但是如果直接在框架文件里面去搜索，有时候一搜就会有一大堆差不多的，还得一个个去比对到底哪个才是我想要找的，这样一趟下来就要花费不少时间，更何况这种情况还不算少。 这个时候，就要改变策略了！而使用浏览器中的“审查元素”功能就是一个非常好的，也是非常明智的选择。 正好自己今天做页面的时候又用到了审查元素，所以...
vue-devtools 不显示的问题
uuai
03-28 743
【代码】vue-devtools 不显示的问题。
解决Vue.js devtools插件成功装上，却在控制台中找不到的问题
CCCCt1的博客
07-29 8612
在Vue.js devtools这个插件安装成功后是可以在浏览器的右上角可以见到这个图标，如下图所示： 当然，现在我们要解决的是为什么安装好了，在控制台却找不到这个插件： 首先第一种方法是： 修改文件：vue-devtools-master/shells/chrome/manifest.json如下图所示： 如果这个方法不行，就换下一种方法： 第二种方法： 按F5+F...
Vue-devtools安装后开发者工具不出现vue的功能
zsd_31的专栏
04-04 7848
Vue-devtools安装后开发者工具不出现vue的功能
关于chrome浏览器中使用Vue Devtools控制台没有vue选项的问题
weixin_40285832的博客
04-07 1万+
学习Vue过程中,得知有一个好用的插件即Vue devtools 下载就不说了,谷歌应用商店就可以找到,或者离线安装都可以 下载完成之后,正常情况打开,如图配置一下就可以使用了 可是我配置好了以后,控制台就是没有vue选项,不论如何就是调不出来, 参阅了https://blog.csdn.net/weixin_42664784/article/details/87858814 这篇博客以后发现...
vue-devtools@6.1.4谷歌插件
04-27
vue-devtools是Vue开发的调试工具，官方推荐使用，vue-devtools第6代支持vue2和vue3，以及pinal，官方提供源代码，但是需要自己构建，构建的过程基本上没有3个坑都不能成功，这里直接分享一些，需要的小伙伴可以拿去
谷歌浏览器vue插件vue-devtools
最新发布
04-10
谷歌浏览器vue插件vue-devtools
chrome插件 vue-devtools离线安装包
04-27
版本5.3.3，从github下载的源码自己build出来的。 解压文件，从谷歌扩展程序里加载文件夹即可。
vue-devtools-5.1.1.zip
04-23
在github链接上面直接下载的vue-devtools 不可用，我这里在分支里面下载的，5.1.1版本可用的。 使用方法 切换到根目录 cnpm install，然后 npm run build，再 修改shells\chrome 目录下的manifest.json 里面的 ...
vue-devtools安装工具包.zip
03-23
内附已用npm处理过的vue-devtools工具包，已配置过源码文件，直接拿来用即可。利用vue-devtools工具包安装vue-devtools的具体操作过程可查看博主主页文档，操作简单，便于上手。
安装了Vue-devtools插件，浏览器的控制台不显示
qq_31594665的博客
10-19 3094
Google浏览器中开发调试的时候，右上角出现vue的图标，但是在开发者工具中没有出现vue调试（已在扩展程序中安装 Vue Devtools），控制台却没有Vue。没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，Vue Devtools只在开发环境生效。
vue-devtools安装后，chrome控制台并没有出现vue扩展工具
palmer_kai的博客
02-15 6381
问题 在使用 vue-cli3.0 开发的时候， 突然发现vue-devtools 扩展工具不能使用， 虽然开发中可以不使用该工具，但是使用该工具确实可以提高开发效率 Vue.js is detected on this page. Devtools inspection is not available because it’s in production mode or explicitly ...
浏览器安装了Vue.js devTools ，工具栏没有显示
m0_52007955的博客
03-01 942
vue3项目，浏览器安装了Vue.js devTools ，工具栏没有显示
chrome浏览器的vue插件有时候在调试窗口不出现，那么教你一个简单的方法让它出现，一般人我不告诉他
止水Itachi
07-15 1026
首先：F12关闭开发者模式 然后：刷新 最后：再按F12
浏览器安装了Vue-devtools插件，但在浏览器控制台不显示的问题解决方案
计算机小白学前端~
05-15 1万+
1. 具体问题如下：浏览器安装了Vue-devtools插件，浏览器控制台调不出来，页面显示正常，无其他问题 2. 错误原因：没显示调试工具的原因是用了生产环境的版本或是引入了压缩的vue版本，或是没有勾选（我就是引入了压缩的Vue文件，所以出现错误了） 3.具体解决方案：在你的代码 js里面添加如下代码 Vue.config.devtools = true; 4.问题成功解决 ...
关于安装了Vue-devtools插件但在浏览器控制台不显示的解决问题
a2231401652的博客
08-06 1567
出现问题： 由于引入的是生产环境的版本或是压缩的vue版本而导致vue在浏览器不显示vue工具 解决方法： 在引入的vue.min.js文件后添加 Vue.config.devtools = true;
安装vue插件vue-devtools
12-12
Vue插件vue-devtools是一款基于Chrome浏览器的插件，用来调试Vue应用，可以大大提高Vue项目开发效率。安装vue-devtools有三种方法：通过谷歌应用商店进行安装、手动安装和直接下载使用网友分享出来的资源。其中，手动安装的步骤如下： 1.下载vue-devtools插件； 2.进入浏览器设置，点击扩展程序； 3.开启开发者模式，点击加载已解压的扩展程序或者直接拖拽已解压的扩展程序； 4.安装成功以后就可以看到Vue插件图片，点击开启； 5.通过npm run serve启动应用以后，即可看到浏览器右上角的Vue插件图片，表示Vue.js devtools已启动，点击vue一项即可。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值