☰

Просмотр исходного кода DOM с помощью инструментов разработчика Chrome

tag-icon • tag-icon google-chrome-devtools
Просмотр исходного кода DOM с помощью инструментов разработчика Chrome

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

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

Меня интересует извлечение записей из таблицы на странице (т.е. таблицы с именами столбцовСимвол, Компания, .... , Имя файла XBRL, Статус).

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

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

решение1

В DevTools нажмите на значок стрелки. введите описание изображения здесь, затем щелкните по элементу (символу и т. д.).

Вы увидите его источник, выбранный внутри DevTools. Вы можете щелкнуть правой кнопкой мыши и скопировать его.

Для Symbol это будет выглядеть так:

<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-код, что является гораздо более сложной операцией.

Связанный контент