表示しているページのタイトルをコピーするブックマークレット
はじめに
この記事は #EveOneZenn (Everyday One Zenn) vol.08 です。
表示しているページのタイトルをコピーするブックマークレットを紹介します。
前回:
表示しているページのタイトルをコピーするブックマークレット
下記のブックマークレットをブックマークの 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)