WEBページのリンク一覧を取得するスクリプト【備忘録】

コンソールにリンク一覧を表示する

Javascriptを使ってWebページのリンクをコンソールに表示するためスクリプト

// 現在のページ上のすべてのリンクを表示するコンソールスクリプト
(function () {
  // ページ上のすべてのリンク要素を取得
  const links = document.querySelectorAll("a");

  // 取得したリンク要素をループしてリンクを表示
  links.forEach((link) => {
    const linkText = link.textContent;
    const linkURL = link.href;
    console.log(`${linkText} - ${linkURL}`);
  });
})();

ブラウザのデベロッパーコンソール（通常はF12キーで開きます）にこのスクリプトを貼り付けて実行すると、ページ上のすべてのリンクがコンソールに表示されます。