调试生产Vue

最新推荐文章于 2024-09-11 09:35:14 发布

原创最新推荐文章于 2024-09-11 09:35:14 发布 · 388 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

本文介绍了在Vue3线上环境中开启vuedevtools的两种方法：一是通过修改全局配置，二是使用Chrome应用商店的vueforcedev插件。然而，对于Vue3生产环境的调试方式尚未发现，作者期待读者分享更多资讯。

调试生产 vue

线上环境如何开启 vue devtools

线上环境如何开启 vue devtools

方法一

打开控制台,运行一下以下代码

var Vue, walker, node;
walker = document.createTreeWalker(document.body,1);
while ((node = walker.nextNode())) {
  if (node.__vue__) {
    Vue = node.__vue__.$options._base;
    if (!Vue.config.devtools) {
      Vue.config.devtools = true;
      if (window.__VUE_DEVTOOLS_GLOBAL_HOOK__) {
        window.__VUE_DEVTOOLS_GLOBAL_HOOK__.emit("init", Vue);
        console.log("==> vue devtools now is enabled");
      }
    }
    break;
  }
}