如何在浏览器中编辑网页的javascript源

所以我想玩一个页面的源代码。在这个特定的例子中，这个网页似乎是一个角度应用程序（我不拥有），源映射到*.ts文件。主代码似乎都在bundle.js中

我希望能够将console.log（）语句添加到此代码中，并了解有关此网页工作方式的更多信息

我已经尝试过编辑.ts源代码（虽然我预料到了这一点，但这不起作用）。 我尝试编辑bundle.js，但是它太大了，以至于我的开发工具崩溃

有没有人知道一个VS代码插件（或类似的东西）可以让我在我的机器上本地打开源代码，编辑它们并查看网站上反映的更改

---

如果不是的话，最好的路径是什么，可以编辑这个页面的本地js

Firefox允许您在使用Debugger/Sources选项卡时向代码中添加日志语句。只需右键单击您关心的行，然后选择添加日志。我相信Chrome也允许类似的功能。

Chrome本地覆盖听起来像是您可能需要尝试的功能，但它似乎也会导致网页崩溃。我认为这可能只是生成的捆绑包有多大的问题。如果你保存以进行覆盖，你可以在你的editori中打开它，但在我保存文件后，网页本身会变得无响应。设置覆盖后通常会出现这种情况，但你只需在打开覆盖的情况下重新加载即可