☰

Chrome デベロッパー ツールを使用して DOM ソースを表示する

tag-icon • tag-icon google-chrome-devtools
Chrome デベロッパー ツールを使用して DOM ソースを表示する

Chrome デベロッパー ツールを使用して、次の Web ページの DOM ソースを表示する方法がわかりません。

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 コードをコピーする必要があり、これははるかに複雑な操作であるため、あまり役に立ちません。

関連情報