Angular Cli：禁用浏览器控制台的实时重新加载

Question

我知道我们可以在启动 Angular cli 时禁用实时重新加载（请参阅Angular cli - how to disable auto reload when ng serve）

我希望能够通过设置全局变量或调用全局命令从浏览器控制台禁用它（并稍后重新启用它）。有可能吗？

Answer 1

我知道这是旧的，但我在尝试做同样的事情时遇到了它。

虽然我找不到要修改的全局对象，但我确实找到了一些其他方法。

1. 您可以使用浏览器开发工具的“请求阻止”功能。

   • 在开发工具中打开请求阻止选项卡
   • 添加您的 webpack 开发服务器热重载尝试连接的 URL，例如'http://localhost:4201/sockjs-node/*'
   • 然后您必须重新加载页面才能完成这项工作

2. 如果你不想重新加载，你可以在内存中编辑 webpack 客户端属性 'hotReload' 的值。

   • 在开发工具的sources选项卡中打开js文件'webpack:///(webpack)-dev-server/client'。
   • 在 reloadApp() 函数的第一行代码中添加断点，用于检查 hotReload 属性（对我来说，这是第 220 行）
   • 通过更改文件触发热重载，您的浏览器应该在您的断点处中断。
   • 您现在可以在调试器的当前范围部分将 hotReload 的值设置为 false。
   • 现在点击播放并删除断点。现在应该忽略重新加载。

我在 Chrome 中完成了所有这些操作，但它在您选择的浏览器中可能同样有效。