线上调试vue-devtools

调试线上vue项目,在某些特殊情况下使用。

步骤

  • 按F12找到Source选项卡,找到app.js文件,点击下方{}格式化文件
  • ctrl + f搜索$mount,在new处打断点,new后面的对象是Vue对象,记住该变量名,例如:d["default"]
  • F5刷新页面,此时进入断点,在控制台输入指令d["default"].config.devtools = true
  • 结束断点,关闭控制台,重新打开即可看到vue-devtools选项卡
------本文结束 感谢阅读------