非开发环境的时候用devtools虽然少,但是有时候又想用怎么办;
但是非开发环境总是提示Vue.js is detected on this page.
通过看源码发现其实也可以手动启用。
1、先从取到一个Vue实例,比如body的第一个子元素,从Vue实例取得Vue的constructor;
var vue = document.querySelector('body>div').__vue__.$root.constructor;
2、然后把devtools配置为true;
vue.config.devtools = true;
3、取得devtools的插件对象,然后初始化即可开启devtools。
window.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit('init', vue);
至此就可以愉快的使用devtools了。