如何从chrome dev工具调用js对象的函数？

Question

说我想看一个对象，所以我把它记录到控制台：

console.log(theNoticeObj);

然后使用Chrome开发工具，我在控制台中检查它并将其属性theNoticeObj.bounceHeight更改为10px

现在，如果我想立即触发该对象上的NoticeObj.bounce（）以找到它，是否有一种简单的方法可以从控制台执行此操作？

由于

编辑：

以下建议的断点，但这会冻结执行。

面对我想要的是命令行API来处理javascript对象，而不仅仅是DOM元素。如果那是可能的，我相信我能找到它。我可能会去查看是否有针对chrome的任何功能请求。 https://developers.google.com/chrome-developer-tools/docs/console#using_the_command_line_api

Answer 1

尝试在console.log语句下添加window.tno = theNoticeObject。重新加载页面，看看是否可以从控制台执行tno.bounce()。如果NoticeObject仍然在范围内，这应该可以。

Answer 2

您可以导航到Sources标签并打开包含您要播放的代码段的javascript文件，在这种情况下，我们假设它是

console.log(theNoticeObj);

找到这一行后，你可以在此时设置一个断点，当你的程序执行到这一行时，它将停止。

然后，您可以使用Console选项卡对当前本地范围，窗口范围内的所有javascript对象执行操作。您只需致电：

theNoticeObj.bounce();

它在当前上下文中执行，反映屏幕上的变化。

希望这有帮助。

Answer 3

现在，您可以右键单击控制台中的任何对象，然后使用“存储为全局变量”。

出现一个新的控制台行，其中有一个新全局变量的名称，该全局变量包含对所选对象的引用。