Соответствует ли пункт контекстного меню в инструменте Chrome dev представлению пользовательского интерфейса, и если да, то как его отобразить на странице?

Question

На вкладке «Консоль» браузера Chrome есть раскрывающееся контекстное меню. Пожалуйста, обратитесь к ниже.

Когда я проверяю элемент на странице, раскрывающееся контекстное меню покажет «контекст», что элемент in. Мой вопрос: соответствует ли этот контекст подпункту «просмотр» на веб-странице? И если так, как я могу отобразить представление, которое связано с контекстом?

например, весь веб-вид всегда соответствует 'top'. если я выберу контекст под «верхом», как я могу узнать, какой подвид / область ему соответствует?

Answer 1

Нет такой функции, поэтому вы можете запросить ее на https://crbug.com.

Между тем вот обходной путь:

1. Переключение на панель Elements
2. Выберите контекст в раскрывающемся списке контекстов на панели инструментов консоли

3. Откройте devtools-on-devtools и выполните команду консоли в своем окне:

   (async () => {
     const dom = UI.panels.console._view._consoleContextSelector._dropDown._selectedItem
                   .target().model(SDK.DOMModel);
     if (!dom._document) await dom.requestDocument();
     UI.panels.elements.revealAndSelectNode(dom._document);
   })();
   

4. Сохраните эту команду в sntopets devtools , чтобы быстро запустить ее позже.

Как открыть devtools-on- devtools:

1. Сначала откройте devtools и переключите его Dock side в меню на отдельное (плавающее) окно

   

2. в теперь отключенных devtools нажмите Ctrl Shift i или ⌘ ⌥ i на MacOS,
   , который откроет devtools-on-devtools в новом окне