在google应用商店下载的Vue.js Devtools在控制台(开发者模式)没有vue选项

在google应用商店下载的Vue.js Devtools在控制台没有vue选项
第一种:图标不亮
第二种:图标亮,但是在下面的控制台选项中没有vue

第一种:图标不亮
首先,如果最上面那个vue图标如果没有亮,说明当前页面不是vue写的,控制台必然没有vue选项,找一个vue写的网页打开就亮了,比如哔哩哔哩.如果亮了之后控制台还是没有vue选项,就需要看我们的第二种了.

第二种:图标亮,但是在下面的控制台选项中没有vue
点击vue图标,有这么一段话

Vue.js is detected on this page. Devtools inspection is not available because it’s in production mode or explicitly disabled by the author.

我的是通过cdn引入的:

第一步,在js最上面加上这句话:Vue.config.devtools = true;

第二步,去google浏览器的扩展程序中找到devtools的ID

第三步,找到google浏览器数据目录
一般目录格式是:C盘\Users\系统用户名\AppData\Local\Google

第四步,将之前找到的devtools ID放到搜索框中搜索,找到插件文件夹
第五步,打开最下面的manifest.json
persistent这里改为true,之前是false

大功告成!!!