更新日:

歌ネット Uta-Netの歌詞をコピーするスクリプト Chrome拡張


歌ネットの歌詞コピーページ

ソースコード

manifest.json
{
  "name": "Uta-Net歌詞コピー",
  "version": "1.0.0",
  "manifest_version": 3,
  "description": "Uta-Net歌詞コピー",
  "content_scripts": [
    {
      "matches": ["https://www.uta-net.com/song/*"],
      "js": ["./app.js"]
    },
    {
      "matches": ["https://www.uta-net.com/movie/*"],
      "js": ["./movie.js"]
    }
  ]
}
app.js
const main = () => {
  const div = document.createElement('div');
  const button = document.createElement('button');
  div.appendChild(button);
  document.getElementsByClassName('container-fulid')[0].after(div);

  div.style.textAlign = 'center';

  button.textContent = '歌詞をコピーする';
  button.style.width = '150px';
  button.style.height = '50px';

  button.onclick = () => {
    document.addEventListener('copy', e =>
      e.clipboardData.setData(
        'text/plain',
        document.getElementById('kashi_area').innerHTML.replace(/<br>/g, '\n')
      )
    );

    document.execCommand('copy');
    alert('歌詞をコピーしました');
  };
};

main();
movie.js
const main = () => {
  const div = document.createElement('div');
  const button = document.createElement('button');
  div.appendChild(button);
  document.getElementsByClassName('container-fulid')[0].after(div);

  div.style.textAlign = 'center';

  button.textContent = '歌詞をコピーする';
  button.style.width = '150px';
  button.style.height = '50px';

  button.onclick = () => {
    document.addEventListener('copy', e =>
      e.clipboardData.setData(
        'text/plain',
        document
          .querySelector('.kashi')
          .querySelector('h2')
          .nextElementSibling.innerHTML.replace(/<br>/g, '\n')
      )
    );

    document.execCommand('copy');
    alert('歌詞をコピーしました');
  };
};

main();

関連

歌ネット歌詞コピーページ

UtaTenコピーページ

うたまっぷコピーページ

J-Lyric.netコピーページ

歌ネット歌詞コピー Chrome拡張

UtaTen歌詞コピー Chrome拡張

うたまっぷ歌詞コピー Chrome拡張

J-Lyric.net歌詞コピー Chrome拡張

プチリリ歌詞コピー Chrome拡張