production 模式下开启 Vue Devtools

我一直以为在 production 模式下打包发布的 Vue 应用没法使用 Vue Devtools,原来我错了。

Vue Devtools 的开启条件是由 Vue 基类的 config.devtools 属性控制的,只要其值为 Truthy 即可开启。

找 Vue 基类的方法很多,比较快捷的办法是在 js 中搜索 “el:”、“config”、“$mount” 等关键词。找到 Vue 后在合适的位置打个断点。

然后刷新页面,在控制台中修改 devtools 值为 Truthy,恢复断点。最后重新打开开发工具便看到 Vue Devtools 了。撒花~

感谢:https://www.v2ex.com/t/571410

补充:2个自动强制启用 devtools 的工具

  1. 用户脚本:https://greasyfork.org/en/scripts/396985-force-enable-vue-devtools
  2. chrome 插件:https://chrome.google.com/webstore/detail/oohfffedbkbjnbpbbedapppafmlnccmb

发表回复

您的电子邮箱地址不会被公开。