Edited at

WebページのタイトルとURLをそれぞれコピペするのがめんどくさい人が見る記事


これは何?

押したらタイトルとURLコピペできるブックマークの作り方を紹介する記事です。

Image from Gyazo

Chromeメニュー>表示>ブックマークバーを常に表示 をオンにしています。

ブックマークレット超初心者向けの手順で書いてます。


作り方


①これをコピー

javascript:var global=window;global.COPY_TO_CLIPBOARD=global.COPY_TO_CLIPBOARD||{};global.COPY_TO_CLIPBOARD.getUrlInfo=function(){var a=new String(document.title);a.allReplace=function(a){var b=this,c;for(c in a)b=b.replace(new RegExp(c,"g"),a[c]);return b}.bind(a);return""+a.allReplace({":":"\uff1a","\\[":"\uff3b","\\]":"\uff3d"})+" "+document.URL};global.COPY_TO_CLIPBOARD.copyToClipboard=function(){var a=document.createElement("textarea");a.textContent=this.getUrlInfo();var d=document.getElementsByTagName("body")[0];d.appendChild(a);a.select();var b=document.execCommand("copy");d.removeChild(a);return b};global.COPY_TO_CLIPBOARD.copyToClipboard();


②何でもいいからブックマークを追加

例えば星を押す

スクリーンショット 2019-04-17 19.23.08.png


③ブックマーク編集画面を呼び出す

↑の画面で「その他」を押せば出てきます

スクリーンショット 2019-04-17 19.23.50.png


④タイトルとURLをいじる

タイトルには好きなタイトルを入力、URLには①でコピーしたコードをペースト

スクリーンショット 2019-04-17 19.25.28.png


⑤保存して完成

お疲れ様でした。


⑥好きなWebページで追加したブックマークを呼び出す

こんな感じ(タイトル - URL)にコピーされます

好きなところにペーストしてください

モホロビチッチ不連続面 - Wikipedia https://ja.wikipedia.org/wiki/%E3%83%A2%E3%83%9B%E3%83%AD%E3%83%93%E3%83%81%E3%83%83%E3%83%81%E4%B8%8D%E9%80%A3%E7%B6%9A%E9%9D%A2


Ref

コードはほとんど以下の@xshojiさんのものを使わせていただいております。

WebページのタイトルとURLをワンクリックでコピーするBookmarklet - Qiita https://qiita.com/xshoji/items/93d5345d4bf282f60817