突然我的Vue.js devtools停止工作。自从我开始开发Vue.js以来,我在Chrome中使用了大约2年。现在我看不到Chrome中的devtools。昨天发生了那样的事情-我使用了devtools一段时间,然后又在做其他事情,一段时间后,我注意到了一些东西-devtools不在了。即使扩展名说devtools起作用:
为什么不是“我的”问题:
为什么到目前为止我尝试:
操作系统:macOS Catalina 10.15.4(19E287)
浏览器:83.0.4103.61
Vue.js DevTools的:5.3.3
*新鲜的Vue.js应用代码如下所示:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="app">
{{ message }}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
});
</script>
</body>
</html>
而且它仍然不起作用(是的,扩展名仍然显示“在此页面上检测到Vue.js。打开DevTools并...”):
最佳答案
对于Chrome和Firefox,我也都经历过。
不幸的是,Chrome的解决方案将其更新为最新版本(今天为83.0.4103.106,Windows上为64位)。
对于Firefox(77.0.1,64位),我禁用了所有其他扩展,在未打开Firefox Devtools的情况下加载了页面,然后按F12键并弹出了Vue选项卡。
通常,禁用任何其他扩展名(例如,考虑“Ad Block Plus”或“我不在乎cookie”)可能会有所帮助。
[编辑]:当Chrome的Devtools中未显示Vue标签时,添加了我遇到的另一种情况: