Javascript 从浏览器中添加console.log或等效文件

例如，在Chrome开发工具中，很容易在Javascript中为网站设置断点。当您在断点处停止时，很容易注销断点范围内任何变量的值，甚至可以使用监视表达式自动完成此操作

但是，我想做的是从浏览器中向脚本添加控制台日志记录，这样我就可以看到值，而无需在断点中停止脚本的执行

---

我的用例是，在开发时，我经常使用控制台日志进行调试。我可以添加控制台日志、编译、启动我的开发服务器、导航到应用程序中执行代码的位置，并观察日志。然而，对于我的团队的工作流程来说，能够添加额外的日志而无需重新编译等是非常有用的。在Chrome中有没有这样做的方法？

从Chrome 73开始，您可以使用，这些基本上是不中断的断点，只为您记录日志

---

在Logpoints出现之前-您可以设置一个，只需在条件语句中写入

console.log（someVar）

，因为

console.log

不会返回任何内容，因此不会在所需的断点处停止。

添加控制台日志是Google最近添加的内容。 在选中的行中，单击鼠标右键，而不是单击鼠标左键，然后选择“添加日志点”，将弹出一个小文本框，输入您要输入的变量

---

如果未看到此功能，请更新浏览器

条件断点处的console.log是一个我从未想过的好技巧！我没有最新版本的带有logpoints的Chrome，但是我升级了，现在我升级了。非常感谢你！日志点与源地图一起工作吗？Chrome似乎完全忽略了我设置的任何记录点。如果它对你不起作用，尝试刷新。此外，异步函数中的断点（任何类型的断点）有时也有点问题——我很确定这是一个网页包。但它应该与源代码MapsHanks一起工作，以获得答案！我接受了另一个答案，因为它比你的答案稍早，但我还是投了更高的票，所以你还是得到了一些信任。