■ 最新の投稿

ブラウザ:ブックマークにJavaScriptを仕込み、見てるページの“タイトル+URL”を一発コピー⭐

ブラウザのブックマークは、URLだけでなく JavaScriptも登録できるのを知っていますか?これを使うと、クリックするだけで処理が動く「自分専用ボタン」が作れます。

今回は、今のページのタイトルとURLを一発でクリップボードにコピーするボタンを作ります。

仕組み:ブックマークレット(Bookmarklet)

ブックマークのURL欄に javascript: ... を入れておくと、
そのブックマークをクリックした瞬間に JavaScript が実行されます。

次の JavaScript を使います。長いですが 1行で書かれた JavaScript です。

JavaScript:

javascript:(async()=>{const clean=s=>(s||"").replace(/\s+/g," ").trim();const title=clean(document.title);const url=location.href;const text=`${title}\n${url}`;const copy=async(t)=>{if(navigator.clipboard?.writeText){await navigator.clipboard.writeText(t);return true;}const ta=document.createElement("textarea");ta.value=t;ta.style.position="fixed";ta.style.left="-9999px";document.body.appendChild(ta);ta.select();const ok=document.execCommand("copy");ta.remove();return ok;};const ok=await copy(text);alert((ok?"✅コピーしました":"⚠コピー失敗(権限)")+"\n\n"+text);})().catch(e=>alert("エラー: "+e));

手順:

① どんなページでもいいので、いったんお気に入りに登録する。

② 登録したお気に入りを右クリックして、「編集」をクリック。

③ 先ほど紹介した JavaScript をコピーする。

④ 名前を「タイトルとURLコピー」にして、URL欄に JavaScript を貼り付ける。

これで完成です。

好きなページを開いた状態でお気に入りをクリックすると、
クリップボードに タイトルとURLがコピーされます。

メモ帳などに貼り付けることができます。


Comments

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です