Просмотр источника DOM с помощью Chrome Developer Tools

Я не могу понять, как я могу просмотреть исходный код DOM для следующей веб-страницы с помощью Chrome Developer Tools:

https://www.nseindia.com/corporates/corporateHome.html?id=eqFinResults

Я заинтересован в удалении записей из таблицы на странице (то есть таблицы с именами столбцов Symbol, Company,...., XBRL Filename, Status).

Я пробовал разные варианты, в том числе:

  1. Просмотр страницы Источник
  2. Просмотр кадра источника
  3. Выделив строку в таблице и выбрав Inspect
  4. Выделите всю страницу (Ctrl+A) и выберите Inspect
Источник

1 ответ

In DevTools, click the arrow icon , then click on the element (Symbol etc).

You will see its source selected inside DevTools. You may right-click and copy it.

For Symbol, this will look like:

<div class="x-grid3-hd-inner x-grid3-hd-Company" unselectable="on" style="" id="ext-gen119">Symbol<img class="x-grid3-sort-icon" src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="></div>

Тем не менее, это не поможет вам, так как вам нужно скопировать код CSS, что является гораздо более сложной операцией.

Источник
Другие вопросы по тегам