admin管理员组

文章数量:1130349

处理“Vue Devtools在浏览器F12下不显示了”

日常分享一句话：

今天这句话来自李宇春《清福》这首歌的一句歌词，“等云舒 等风来 等花慢慢开”，疫情打乱了我们的生活和许多计划，但要相信生活依然很美好，计划也将会走上日程。

正文开始！！!

问题

在练习vue框架案例时，要调试一下，于是打开了F12（开发者工具），可是之前能看到的“Vue”调试按钮不见了。

分析

于是我就尝试了各种操作，比如：

  1. 把Vue Devtools插件重新启用，不行；

  2. 把浏览器也关闭重新打开，还是不行。

再然后，回到代码上，发现问题了！

原来我引用vue.js代码的时候，引用的是生产版本，应引用的是开发版本。在生产版本里，页面是不能调试的。

解决

修改完成后，重新运行html页面代码，打开浏览器的F12就可以看到“Vue”调试按钮了。

Yeah, it’s done. Thanks for watching~~

处理“Vue Devtools在浏览器F12下不显示了”

日常分享一句话：

今天这句话来自李宇春《清福》这首歌的一句歌词，“等云舒 等风来 等花慢慢开”，疫情打乱了我们的生活和许多计划，但要相信生活依然很美好，计划也将会走上日程。

正文开始！！!

问题

在练习vue框架案例时，要调试一下，于是打开了F12（开发者工具），可是之前能看到的“Vue”调试按钮不见了。

分析

于是我就尝试了各种操作，比如：

  1. 把Vue Devtools插件重新启用，不行；

  2. 把浏览器也关闭重新打开，还是不行。

再然后，回到代码上，发现问题了！

原来我引用vue.js代码的时候，引用的是生产版本，应引用的是开发版本。在生产版本里，页面是不能调试的。

解决

修改完成后，重新运行html页面代码，打开浏览器的F12就可以看到“Vue”调试按钮了。

Yeah, it’s done. Thanks for watching~~

本文标签： 浏览器Vuedevtools

版权声明：本文标题：处理“Vue Devtools在浏览器F12下不显示了” 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1755023232a2754431.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。