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

Question

因此，我想使用页面的源代码。在此特定示例中，网页似乎是一个Angular应用程序（我不拥有），其源映射为* .ts文件。主要代码似乎都在bundle.js中。

我希望能够在此代码中添加console.log（）语句，并进一步了解此网页的工作方式。

我尝试编辑.ts源文件（尽管我希望这样做不起作用）。 我尝试编辑bundle.js，但它太大，以至于我的开发工具崩溃了。

是否有人知道VS Code插件（或类似的插件），它可以让我在机器上本地打开源代码，进行编辑并查看反映在网站上的更改。

如果不是，那么能够编辑此页面的本地js的最佳途径是什么。

Answer 1

在使用“调试器/源”选项卡时，Firefox允许您将日志语句添加到代码中。只需右键单击您关心的行，然后选择Add log。我相信Chrome允许类似的功能。