更新日:

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

タグ

成果物



ソースコード

manifest.json
{
  "name": "Uta-Net歌詞コピー",
  "version": "1.0.0",
  "manifest_version": 2,
  "description": "Uta-Net歌詞コピー",
  "content_scripts": [
    {
      "matches": ["https://www.uta-net.com/song/*"],
      "js": ["./app.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();

© 2020- itsumen.com