開いているページのタイトルとURLをMarkdown形式で取得するブックマークレットを紹介します。
ページタイトルとURLをMarkdown形式で取得するブックマークレット
以下は、現在表示しているWebページの「タイトル」と「URL」をMarkdown形式で簡単に取得できるブックマークレットです。
javascript:(()=>{let url=document.URL;let title=document.title;let text='- ['+title+']('+url+')\n';navigator.clipboard.writeText(text);})();
Markdown形式でリンクを作成する際、手動でタイトルとURLをコピー＆ペーストする手間を省くことができます。ブログや記事の執筆、Markdownに対応しているチャット内でWebページを引用する際などに便利です。
【使い方】
任意のWebページを開き、先ほど作成したブックマークレットをクリックします。ページのタイトルとURLがMarkdown形式でクリップボードにコピーされます。ブックマークレットの登録方法がわからない人は、以下ページを参照ください。
コードの解説
javascript:(() => {
// ページタイトルとURLを取得
let url = document.URL;
let title = document.title;
// Markdown形式に整形してクリップボードに貼り付け
let text = '- [' + title + '](' + url + ')\n';
navigator.clipboard.writeText(text);
})()
javascript:はブラウザに対して「この後に続く文字列はリンク先ではなく、JavaScriptのプログラムとして実行してね」と指示する宣言です。ブックマークレットには必須の記述です。
(() => { ... })();は、即時実行関数と呼ばれる書き方です。プログラムを定義すると同時に実行します。ページ内で元々動いている他のプログラムと干渉してエラーが起きるのを防ぐ、カプセル化（安全対策）の役割を果たしています。
document.title / document.URL**は、現在開いているウェブページの情報を取得する命令です。
document.titleはページのタイトル（タブに表示されている文字）、document.URLはページのアドレス（URL）です。
'- [' + ... + '](' + ... + ')\n'は、文字の足し算（結合）です。取得したタイトルとURLを、Markdownのリスト形式のリンク記法になるように合体させています。最後の \n は改行コードです。メモ帳などに連続して貼り付けた際、文字が横に繋がらず綺麗に改行されるようにします。
navigator.clipboard.writeText(...)は、カッコ内で組み立てたテキストを、パソコンやスマホのクリップボードにコピーする命令です。これにより、ユーザーが手動で「コピー」を選択したのと同じ状態になります。
関連ページ
コメント