見ているサイトのタイトルをコピーするブックマークレット

記事を書いているときに参考にしたウェブページを掲載しますが、タイトルのコピーが厄介です。

そんなときのために、表示しているページのタイトルをコピーするブックマークレットをご紹介します。

(() => {
  // タイトルを参照
  const title = document.title;

  // コピーの元にするtextareaを作成
  const textarea = document.createElement('textarea');
  textarea.textContent = title;

  // bodyタグの最後にtextareaを追加
  document.body.appendChild(textarea);
  
  // textareaの内容をクリップボードにコピー
  textarea.select();
  document.execCommand('copy');

  // 最初に作成したtextareaをbodyから削除
  document.body.removeChild(textarea);

  console.log(`Copyed this website title "${title}"`);
})();

Minified:

(()=>{const e=document.title,t=document.createElement("textarea");t.textContent=e,document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t),console.log(`Copyed this website title "${e}"`)})();

使い方：

冒頭にjavascript:をつけてブックマークに保存してください。あとは、登録したブックマークを実行したらタイトルがコピーできるようになります。

javascript(()=>{const...});