2024年mac chrome浏览器中vue devtools 不显示,清除缓存也不管用

最新推荐文章于 2024-05-28 11:11:43 发布
最新推荐文章于 2024-05-28 11:11:43 发布
阅读量637 收藏 3
点赞数 8
文章标签： macos chrome vue.js chrome devtools
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/activity110/article/details/137508398
版权

原因

devtools 6.6.0 版本大更新引入的bug, 好像只有mac+chrome才会触发

github issue地址

解决方案

第一种解决方案

浏览器devtools扩展右键 -> 审查弹出内容 -> 应用 -> Service workers -> 取消选中重新加载时更新

在这里插入图片描述在这里插入图片描述

第二种解决方案

降级vue devtools插件到v6.5.1

btw: vue3用户还是用 https://github.com/vuejs/devtools-next 吧, 老版devtools都不维护了

大丶白
关注
  • 8
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue开发中使用vue-devtools Mac版手动安装方法
weixin_44868003的博客
04-22 3175
废话就不多说，直接上安装步骤，一步一步来 => success 1.下载安装vue-devtools源文件 mkdir vuetools cd vuetools git clone https://github.com/vuejs/vue-devtools.git cd vue-devtools npm install --registry=https://regist...
Chrome浏览器插件Vue Devtools 插件
05-11
Vue Devtools 插件是从用户应用程序中的 Vue 包代码注册的。它通过 公共 API与 Vue...前端是浏览器开发工具窗格中显示的 Vue 应用程序。Hook 是添加到页面的全局变量，以便 Vue 应用程序和您的插件可以向后端发送消息。
DevTools 无法加载来源映射：无法加载 chrome-extension: 警告的原因以及如何去除（全网最全 最详细解决方案）
热门推荐
ScottePerk的博客
12-06 1万+
是类似这样的一个警告。每次都有看着还是挺难受的。 这个警告的原因是你的浏览器插件造成的。例如警告已经很明确的告诉你是chrome-extension，也就是谷歌插件的问题。后面的字符串其实就是这个插件的id。 可以看到对应的id就是下面这个插件。 知道是哪个插件就好办了。解决方案一：（不太推荐） 禁用或者删除插件。虽然可以起到效果，但是有可能这个插件我平时是要用的，频繁切换很麻烦。 解决方案二：（推荐） 打开控制台，点击右边的设置按钮，会出现下面的选项。把仅限已选择的上下文这个选项勾上。这个选项只会禁止
Vue板块:安装 Vue Devtools及不显示没有作用的问题
最新发布
weixin_44690155的博客
05-28 1145
问题1：在使用Vue.js开发过程中，有时我们会遇到"vue.js not detected"的问题，这意味着浏览器无法找到Vue.js库。解决1：将Vue实例挂载到HTML元素上。重启Chrome浏览器，打开使用Vue.js开发版的网页文件，发现此时Vue.js devtools图标亮了，可以使用该插件了（下面代码）
mac安装vue-devtools
小天空的博客
09-20 4203
一.先查看电脑是否安装了node没有安装node则需要安装nodemac 安装node.js第一步：官网下载访问nodejs官网，链接: https://nodejs.org/en/，选择红色选框内的点击安装。LTS是稳定版。Current是最新版本，最新的功能特性都在这里面。第二步：安装点击 在 Finder 中显示，双击刚下载的文件，按步骤默认安装就行。第三步：验证安装完成后，打开终端，输入 npm -v 和 node -v两个命令,
vue-devtools 不显示的问题
uuai
03-28 986
【代码】vue-devtools 不显示的问题。
Mac vue-devtool
weixin_43544017的博客
12-08 180
Mac Chrome 下载的vue-devtool git clone https://github.com/vuejs/vue-devtools cd vue-devtools git status git checkout master（切换到master分支） 在vue-devtools目录下，安装依赖sudo cnpm i 进入到vue-devtools-dev/shells/chrome文件夹，会看到manifest.json文件，修改persistent为true。
mac下安装Vue DevTools
有问题可关注公众号：前端研究院 后台输入问题回复
11-23 507
一、下载   去Vue DevTools 项目的官方主页GitHub上下载。因为直接在Chrome应用商店下载需要翻墙。   官方地址：https://github.com/vuejs/vue-devtools.git 二、安装项目所需的依赖包— npm 包   进入下载好的vue-devtools-dev文件夹的目录，通过命令输入以下代码 npm install 三、编辑项目文件 npm run build 四、修改persistent   进入vue-devtools-de
mac 安装Vue调试工具vue-devtools
weixin_47188500的博客
03-08 1062
mac安装Vue调试工具vue-devtools
vue_devtools_chrome_5.3.4.crx Chrome浏览器Vue调试插件
03-28
（1）vue 2.x 调试工具：vue_devtools_chrome_5.3.4.crx Chrome浏览器Vue调试插件； （2）直接安装使用无需自己编译； （3）安装方法：打开Chrome浏览器，输入“chrome://extensions/”打开扩展程序，启用开发者模式...
chrome浏览器vue-devtools插件v6.4.1
12-12
- **Vue调试模式**：当Vue运行在生产模式时，DevTools无法正常工作，启用调试模式可以让其在生产环境中也能提供帮助。 Vue Devtools v6.4.1版本可能包含一些改进和修复，比如增强对最新Vue版本的支持，优化用户体验...
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
11-02
已经编译好的，解压出来，使用Chrome安装扩展即可。主要解决很多童鞋NPM下载太慢的问题。
vue-devtools(chrome vue 调试插件) mac windows 前端开发
04-15
chrome（谷歌浏览器）vue代码调试插件， 已打包。解压后，通过chrome扩展程序加载即可使用。 使用方法： 1、chrome浏览器输入地址“chrome://extensions/”进入扩展程序页面 2、勾选开发者模式 3、点击“加载已解压的扩展程序...”按钮，选择解压后的chrome文件夹，即可添加成功。 4、添加完vue-devtools扩展程序之后，我们在调试vue应用的时候，chrome开发者工具中会看一个vue的一栏，点击之后就可以看见当前页面vue对象的一些信息
chrome插件 vue-devtools离线安装包
04-27
Chrome插件Vue DevTools是Vue.js开发过程中不可或缺的工具，它为开发者提供了一套强大的调试功能，如实时查看组件状态、检测性能、修改数据等。 Vue Devtools 5.3.3 版本是该插件的一个稳定版本，可以从GitHub上...
chrome 插件vuedevtools 6.1.4
04-20
标题中的"chrome 插件vuedevtools 6.1.4"指的是Vue DevTools的6.1.4版本，这是一个针对Chrome浏览器的扩展程序。这个版本可能包含了对Vue.js框架的最新支持，修复了之前版本的一些问题，并可能引入了新的特性或优化...
chrome安装vue插件控制台不显示
weixin_64064226的博客
11-06 3329
chrome安装vue插件控制台不显示
vue3项目，F12后devtools工具不显示问题
m0_53214028的博客
01-05 1049
vue3项目，安装了devtools 6.5.0版本，谷歌浏览器工具栏的devtools的图标高亮了，但是F12就是不出现devtools工具，在vite.config.ts里面设置红色框的代码，重启就好了。
macOS下vue-devtools的安装
weixin_45390651的博客
09-21 386
macOS下vue-devtools的安装 从github克隆devtools : https://github.com/vuejs/vue-devtools#vue-devtools 打开terminal cd到合适的文件夹，克隆devtools项目： git clone https://github.com/vuejs/vue-devtools.git 然后cd 到克隆下来的vue-devtools目录下，先切换到master目录下：git checkout master -f（如有必要先切换到
vue devtools控制台不显示
03-16
您好，如果您的Vue Devtools控制台不显示，您可以尝试以下解决方法： 1. 确认您已经安装了Vue Devtools插件，并且已经启用了它。 2. 确认您的Vue应用程序已经启动，并且正在运行。 3. 确认您的Vue应用程序已经连接到Vue Devtools插件。您可以在Chrome浏览器的开发者工具中查看控制台输出，以确认是否连接成功。 4. 如果您的Vue应用程序是使用Vue CLI创建的，请确保您已经安装了Vue CLI插件，并且已经正确配置了Vue Devtools插件。 如果您仍然无法解决问题，请尝试重新安装Vue Devtools插件，并确保您的浏览器和Vue应用程序都是最新版本。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值