Можно ли обновить выражения просмотра инструментов Chrome dev вручную или с помощью кода?

Взгляните на https://developer.chrome.com/devtools/docs/tips-and-tricks#favorite-expression

Если я не устанавливаю никаких точек останова, мне нужно вручную щелкнуть значок обновления на панели выражений часов. Было бы неплохо, если бы я мог добавить отладочный код для обновления выражений наблюдения без необходимости входа в режим отладки.

Что-то вроде этого:

// some update function
setInterval(function() {
    console.refresh();
}, 1000);

google-chrome-devtools
person ilovett    schedule 27.06.2014    source источник
comment
Любое обновление этого @ilovett   -  person RecklessSergio    schedule 15.12.2014
comment
@MaheshVemuri: нет, но, возможно, стоит заполнить запрос функции   -  person ilovett    schedule 16.12.2014
comment
@ilovett Вы когда-нибудь придумывали способ сделать это или заполняли для этого запрос функции?   -  person Josh    schedule 28.07.2015

Ответы (1)


arrow_upward
11
arrow_downward

Обновить

Ознакомьтесь с Живые выражения. Они похожи на Watch Expressions, за исключением того, что они находятся в консоли и обновляются в режиме реального времени.

оригинальный

взлом wOxxOm для отображения среднего FPS записи Performance вдохновил меня на то, как мы могли бы собрать решение этой проблемы:

  1. Откройте Инструменты разработчика.
  2. Перейдите на вкладку Источники, чтобы открыть панель Источники. Вы можете перейти к другим панелям, но вы должны открыть Источники хотя бы один раз, прежде чем запускать приведенный ниже код. Я объясню, почему вы должны сделать это позже.
  3. Открепите окно DevTools .
  4. Откройте окно DevTools, затем нажмите Control+Shift+J (Windows, Linux) или Command+Option+J (Mac). Откроется другое окно DevTools. Это второе окно проверяет ваше первое окно DevTools. Это работает, потому что сам DevTools — это просто веб-приложение.

  5. Во втором окне DevTools запустите этот код в Консоли:

    let id;
UI.panels.sources._watchSidebarPane.widget().then(ui => {
    id = setInterval(() => {
        ui._refreshButton.element.click();
    }, 1000);
});

По сути, мы просто устанавливаем таймер, чтобы каждую секунду нажимать кнопку «Обновить выражения просмотра».

Вот пример взлома в действии: https://youtu.be/w-3rqFhziQ4

Причина, по которой вам нужно открывать панель Источники перед запуском кода, заключается в том, что объект UI.panels содержит только открытые вами панели. Если вы не откроете Источники, ссылка на UI.panels.sources будет неопределенной.

person Kayce Basques    schedule 11.01.2018