Как просматривать переменные в Chrome devtools в реалтайме?

Question

[thirteen_bit]

Могу ли я отслеживать значение переменных реалтайме в chrome devtools без создания брейкпоинтов? Через Watch на вкладке Source, к примеру.

function baz() {
    let d = 0;
    setInterval(() => {
        d = Math.random();
    }, 500);
}
baz();

Comments

[Anonymous Penguin]

Функция выполняется моментально, как ты представляешь просмотр свойств на ходу без брейкпоинтов?

[thirteen_bit]

Anonymous Penguin, в течение 500мс минимум на каждой итерации в переменной одно и тоже значение находится, разве нет?

[Anonymous Penguin]

thirteen_bit, это да. Но контекстов выполнения этой функции может быть много и они будут в разных местах - как ты будешь их всех мониторить?

[Kentavr16]

thirteen_bit, насколько я понимаю выхода два - или логировать или брейкпоинты

[thirteen_bit]

Anonymous Penguin, понял, вынес переменную d за пределы функции, но значение всё равно нужно вручную обновлять на вкладке Watch. Я так понимаю, принципиально отслеживать значение real-time нельзя? Есть ли какие-то расширения для браузера, или это только самому костылить? Допустим, делать это в самом коде вызовами вроде watch(d, ...)

[Anonymous Penguin]

thirteen_bit, нужно только через console.log или браузерное расширение, дело с ними не имел и ничего посоветовать не могу. Ну или через CheatEngine/ArtMoney руками ломай :)

[thirteen_bit]

Anonymous Penguin, нашел, Create live expression на вкладке Console, отображает изменения в режиме реального времени...

[Anonymous Penguin]

thirteen_bit, мгм, значит в хроме такое возможно. Ну ладно

Answer 1

[Сергей Соколов]

Live Expressions — можно наблюдать выражения «вживую». Достаточно тыкнуть глазик.