メルカリのカテゴリ名とURLを抽出するスクリプト

カテゴリー情報の抽出

メルカリの「カテゴリーからさがす」ページから
項目とURLを抽出するスクリプト

URL：https://jp.mercari.com/categories

※大カテゴリ、小カテゴリ全てで使えます。

サンプルコード

function displayLinksInBrowser(html) {
  const tempElement = document.createElement('div');
  tempElement.innerHTML = html;

  const links = tempElement.querySelectorAll('.content__884ec505 a');

  const table = document.createElement('table');
  const tableBody = document.createElement('tbody');

  links.forEach(link => {
    const path = link.getAttribute('href');
    const url = `https://jp.mercari.com${path.replace(/\/search\?category_id=/, '/')}`;
    const linkText = link.innerText;

    const row = tableBody.insertRow();
    const textCell = row.insertCell();
    const urlCell = row.insertCell();

    textCell.appendChild(document.createTextNode(linkText));
    urlCell.appendChild(document.createTextNode(url));
  });

  table.appendChild(tableBody);

  const tableContainer = document.createElement('div');
  tableContainer.style.cssText = 'position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.7);display:flex;justify-content:center;align-items:center;';

  const innerContainer = document.createElement('div');
  innerContainer.style.cssText = 'padding:20px;border:1px solid #ccc;background-color:#000000;max-width:90%;';
  innerContainer.appendChild(table);
  tableContainer.appendChild(innerContainer);

  const closeButton = document.createElement('button');
  closeButton.textContent = '閉じる';
  closeButton.addEventListener('click', () => tableContainer.remove());
  innerContainer.appendChild(closeButton);

  document.body.appendChild(tableContainer);
}

const htmlContent = document.querySelector('.merList').outerHTML;
displayLinksInBrowser(htmlContent);

スクリーンショット

備忘録

サイトトップのメニューから入った場合の大カテゴリURL

　https://jp.mercari.com/s/カテゴリID

カテゴリー検索ページから入った場合の大カテゴリURL

　https://jp.mercari.com/search?category_id=カテゴリの番号

抽出されるURL

　https://jp.mercari.com/categories?category_id=カテゴリの番号

「categories?」のままだとカテゴリ検索ページのままなので
別システム等で使用する場合、「categories?」が「search?」に置き換える

　https://jp.mercari.com/search?category_id=カテゴリの番号

以上