🍭

表示しているページのタイトルをコピーするブックマークレット

2020/11/30に公開
2

はじめに

この記事は #EveOneZenn (Everyday One Zenn) vol.08 です。

表示しているページのタイトルをコピーするブックマークレットを紹介します。

前回:
https://zenn.dev/lollipop_onl/articles/eoz-judge-js-invalid-date

表示しているページのタイトルをコピーするブックマークレット

下記のブックマークレットをブックマークの URL に入力して保存してください。

ソースコード:

(() => {
  // タイトルを参照
  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}"`);
})();

ブックマークレット:

javascript:(()=>{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}"`)})();

このページでの実行結果:

表示しているページのタイトルをコピーするブックマークレット

表示しているページのタイトルとリンクを Markdown でコピーするブックマークレット

Markdown で記事を執筆しているときに、リンク先をタイトルとともに掲載したいときに便利なブックマークレットです。

ブックマークレット:

javascript:(()=>{const e=`[${document.title}](${location.href})`,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 and URL: ${e}`)})();

このページでの実行結果:

[表示しているページのタイトルをコピーするブックマークレット](https://zenn.dev/lollipop_onl/articles/eoz-ts-filter-nullable)
GitHubで編集を提案

Discussion

JavaCommonsJavaCommons

Markdown の記事中にWebページのリンクを貼るのに良いGoogle拡張機能 という記事を書きました。
Google Chrome と Chromium版Edgeで使えるブラウザ拡張機能です。ブラウザで開いてるページのタイトルとURLを様々な形式でクリップボードにコピーできます。
上記記事ではマークダウンの用途を紹介しましたが、プレーンテキストやメディアウィキ、HTML形式等が標準でサポートされています。こちらの記事もよろしければご覧ください。