Google chrome devtools 可以手动或通过代码刷新chrome开发工具监视表达式吗?

Google chrome devtools 可以手动或通过代码刷新chrome开发工具监视表达式吗?,google-chrome-devtools,Google Chrome Devtools,看看 如果我没有设置任何断点,那么我必须手动单击“监视表达式”面板中的刷新图标。如果我可以输入一些调试代码来更新watch表达式,而不必进入调试模式,那就太好了 大概是这样的: // some update function setInterval(function() { console.refresh(); }, 1000); 更新 退房。这些表达式类似于Watch表达式,希望它们在控制台中并实时更新 起初的 给了我灵感,让我知道我们如何共同解决这个问题: 打开DevTools 单

看看

如果我没有设置任何断点,那么我必须手动单击“监视表达式”面板中的刷新图标。如果我可以输入一些调试代码来更新watch表达式,而不必进入调试模式,那就太好了

大概是这样的:

// some update function
setInterval(function() {
    console.refresh();
}, 1000);
更新 退房。这些表达式类似于Watch表达式,希望它们在控制台中并实时更新

起初的 给了我灵感,让我知道我们如何共同解决这个问题:

  • 打开DevTools
  • 单击选项卡打开面板。您可以导航到其他面板,但在运行下面的代码之前,必须至少打开一次源文件。我稍后会解释你为什么要这么做
  • 聚焦DevTools窗口,然后按Control+Shift+J(Windows,Linux)或Command+Option+J(Mac)。另一个DevTools窗口打开。第二个窗口正在检查第一个DevTools窗口。这是因为DevTools本身只是一个web应用程序
  • 在第二个DevTools窗口中,在控制台中运行以下代码:

    let id;
    UI.panels.sources._watchSidebarPane.widget().then(ui => {
        id = setInterval(() => {
            ui._refreshButton.element.click();
        }, 1000);
    });
    
  • 我们基本上只需设置一个计时器,每秒单击“刷新手表表达式”按钮

    下面是一个黑客行为的例子:


    在运行代码之前必须打开面板的原因是
    UI.panels
    对象仅包含已打开的面板。如果不打开源文件,则对
    UI.panels.Sources
    的引用将是未定义的。

    是否有此更新@ilovett@MaheshVemuri:不,但可能值得填写一个功能request@ilovett你有没有想出一个方法来实现这一点,或者为它填写一个功能请求?