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

Question

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

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

Answer 1

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

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

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

   • 在开发工具中打开“请求阻止”标签
   • 添加您的webpack开发服务器热重载尝试连接的网址，例如'http://localhost:4201/sockjs-node/ *'
   • 然后您必须重新加载页面才能使此工作

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

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

我在Chrome浏览器中完成了所有这些操作，但在您选择的浏览器中可能也能正常工作。