Firefox 开发者工具中没有 VueJS 选项卡

Posted

技术标签:

【中文标题】Firefox 开发者工具中没有 VueJS 选项卡【英文标题】:No VueJS tab in Firefox developer tools 【发布时间】:2018-09-13 08:53:15 【问题描述】:

Vue 选项卡不再在 Firefox 开发人员工具中弹出。

它也不适用于任何使用 Vue(在开发模式下)的网站。

我已经尝试启用和禁用此插件和所有其他插件,但它也不起作用。

有人知道导致这种行为的原因或/以及我该如何解决?

我使用的是 Xubuntu 64 位 Firefox 58.0.1。

有关此问题的更多信息:https://github.com/vuejs/vue-devtools/issues/366#issuecomment-365207139

谢谢。

【问题讨论】:

即使您是自行回答问题,该问题仍必须符合网站的质量标准。您实际上并没有问过问题,这不是博客网站。 我对网站的问题质量标准有所了解,因为我成为活跃用户已有一段时间了,但如果你能给我看一个元帖子,看看我能做些什么来改进问题我会欣赏它。我编辑了描述以添加问题句,也许它没有我想象的那么隐含。 【参考方案1】:

您可以通过使用 dist cdn "https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js" 而不是常规 cdn "https://cdn.jsdelivr.net/npm/vue" 来解决此问题。

【讨论】:

如何以及为什么会有所作为?它是 Vue 或 devtools 中的错误吗?它仅适用于该特定版本吗? 也许这不应该被否决。有时回答一个人的问题是有帮助的,但如果是我,我不会在问题出现的那一秒内回答。也许让某人先尝试一下,他们也可能知道答案 @samayo 一个自我回答的问题本身并不是问题,参见例如***.com/help/self-answer。如果其他人有其他答案,他们仍然可以发布。 我知道。我不只是喜欢在同一秒内逐字逐句地提问和回答。我宁愿等着看有人先回答 @samayo 这取决于你,但用户界面中确实提供了一个复选框,允许人们同时发布 Q 和 A【参考方案2】:

对我来说,我通过以下方法解决了这个问题:

    关闭所有 Vue.js 网站 关闭开发工具 禁用 Vue.js DevTools 插件 再次启用 DevTools 打开开发者工具

【讨论】:

以上是关于Firefox 开发者工具中没有 VueJS 选项卡的主要内容,如果未能解决你的问题,请参考以下文章

从 Firefox Developer Edition Inspector 工具编辑 CSS

复选框选中的属性在 Chrome 或 Firefox 开发者工具中没有改变

类似于 Firefox 的 Chrome 样式编辑器的开发工具

Vuejs DevTools 未在开发人员工具中显示面板

开发人员工具中的禁用缓存选项不起作用

如何激活 Firefox 调试器?