☰

Anzeigen der DOM-Quelle mit Chrome Developer Tools

tag-icon • tag-icon google-chrome-devtools
Anzeigen der DOM-Quelle mit Chrome Developer Tools

Ich kann nicht herausfinden, wie ich mit Chrome Developer Tools den DOM-Quellcode für die folgende Webseite anzeigen kann:

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

Ich bin daran interessiert, die Einträge aus der Tabelle auf der Seite zu scrapen (also die Tabelle mit den SpaltennamenSymbol, Unternehmen, ...., XBRL-Dateiname, Status).

Ich habe verschiedene Optionen ausprobiert, darunter:

  1. Seite anzeigen Quelle
  2. Ansichtsrahmenquelle
  3. Markieren Sie eine Zeile in der Tabelle und wählen SiePrüfen
  4. Markieren Sie die gesamte Seite (Strg+A) und wählen SiePrüfen

Antwort1

Klicken Sie in DevTools auf das Pfeilsymbol Bildbeschreibung hier eingeben, dann klicken Sie auf das Element (Symbol etc.).

Sie sehen die ausgewählte Quelle in DevTools. Sie können mit der rechten Maustaste darauf klicken und sie kopieren.

Für Symbol sieht das folgendermaßen aus:

<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>

Dies hilft Ihnen allerdings nicht viel, da Sie anschließend den CSS-Code kopieren müssen, was ein deutlich komplizierterer Vorgang ist.

verwandte Informationen