Chromeのデベロッパーツール プログラム

Chromeのデベロッパーツールを用いて、ホームページ内の

「class="card-company__company-name"」
という名のクラス名に囲われている文字列のみを抽出させたいです。

例えば写真のような場合、「アルテリア・ネットワークス」を抽出すると言った感じです。

No.2 ベストアンサー 回答者： fujillin 回答日時： 2022/06/21 22:36

こんばんは

対象のHTML構成がよくわかりませんけれど・・

手作業で良いのなら、Elementsの表示で検索。
　*[class="card-company__company-name"]
で検索すれば、順に該当要素を表示できるので、コピペするとか。

まとめてやりたければ、consoleに
console.log([...document.querySelectorAll('*[class="card-company__company-name"]')].map(e=>e.textContent).join('\n'));
を入力して実行すれば、該当要素のテキスト部分がまとめて抜き出されます。

No.1 回答者： かわごえ 回答日時： 2022/06/21 21:36

んーーー

Devasで改行とか入れて
DOSのfindstrでclass=のみを抽出して
CSVとしていじったほうが早いと思います。

じゃなきゃChromeの拡張機能を探すところかと。