本文目录导航：
- Vue.js is detected on this page的处置方法
- 为什么vue-devtools chrome插件装置成功了，然而管理台没有显示进去
- Chrome插件：Vue.js Devtools-Vue 开发者的必备工具
Vue.js is detected on this page的处置方法
在学习Vue时，遇到Chrome插件Vue devtools无法经常使用的状况。
下载最新6.1.4版本后，点击V图标显示“ is detected on this page. Devtools inspection is not available because it’s in production mode or explicitly disabled by the author.”。
依据网上的处置方法，可处置此疑问：1. 进入Chrome裁减程序页面，找到 devtools概略，修正其权限设置。
将“准许此裁减程序读取和更改您在所访问的网站上留存的一切数据：”改为“在一切网站上”，同时开启“准许访问文件网址”。
2. 在Chrome地址栏输入“chrome://version/”，失掉团体资料门路。
进入门路“\Extensions hdogjmejiglipccpnnnanhbledajbpd\6.1.4_0”，修正文件中的 persistent: false 为 persistent: true。
3. 封锁一切Chrome窗口后从新进行阅读器，Vue devtools裁减的图标应变为绿色。
按F12键即可关上Vue调试界面。
至此，疑问处置。
为什么vue-devtools chrome插件装置成功了，然而管理台没有显示进去
可以在官网仓库查阅关系说明：低版本的 Vue 须要经过代码中显式性能；高版的须要引入非 prod 版本（非) 。
Chrome插件：Vue.js Devtools-Vue 开发者的必备工具
关于开发者来说， Devtools无疑是一款无法或缺的神器。
这款Chrome插件专为Vue运行定制，赋予你弱小的审查和调试才干，让你的上班效率倍增。
Devtools的外围性能在于它能深度解析Vue运行程序的照应式数据和组件结构，不同于惯例的阅读器管理台工具。
它让你在组件审核、数据修正和Vuex调试方面游刃缺乏。
只有在阅读器右上角点击Vue图标，即可轻松进行devtools，直观检查和操作运行形态。
装置环节十分便捷，只有从特定渠道失掉装置包（介绍关注群众号“chrome教程”失掉，或参考关系文章链接），而后依照批示关上Chrome或Edge的裁减程序界面，启用开发者形式并拖放装置文件即可。
启用后，Vue logo将常驻阅读器右上角，随时待命。
无论你是Vue新手还是资深开发者， Devtools都值得介绍。
它与Vue的严密集成缩小了学习老本，经常使用起来既直观又高效。
经过它，你可以极速定位疑问，优化运行，真正成功事倍功半的成果。
总之，假设你是开发者，那么 Devtools是你开发环节中无法或缺的得力助手。
立刻体验，优化你的开发效率吧！
