Make Linkを1クリックにしたらFirefox以外でも便利なMake Linkになった

「Make Link」はとても便利でよく使っているが、あまりによく使うので操作のステップの多さがわずらわしい。

Make Linkの説明は以下。

Firefoxのコピー／ペーストまわりを便利にするアドオン「AutoCopy」「Paste and Go」「Make Link」（d:id:Imamura:20090601:firefox ）

Firefoxにインストールした「Make Link」を呼び出す操作は、ブラウザの表示領域で右クリック→「Make Link」を選択→書式を選択、という3手順である。

f:id:Imamura:20141002125536p:plain

Make Linkはとてもよく使うので、この操作を減らせないかと考えた。

Make Linkを使えないブラウザ向けに、ブックマークレットのJavaScriptで同様の機能を実現する方法がある。

My Utility−Make Link ジェネレータ（http://util.geo.jp/makelinks ）

ここで作ったブックマークレットは2つ。

「■ページタイトル《改行》URL」になる書式は以下。

javascript:(function(){var%20ele=document.createElement('textarea');ele.style.width='100%';ele.value='%E2%96%A0'+document.title+'\n'+location.href+'';document.body.insertBefore(ele,document.body.firstChild);ele.focus();ele.select();ele.ondblclick=function(){ele.parentNode.removeChild(ele);};ele.oncopy=function(){setTimeout(function(){ele.parentNode.removeChild(ele);},1);return%20true;}})()

IEだと冒頭の「■」（「'%E2%96%A0'」の部分）が文字化けするのでそこだけ修正して下のように。

javascript:(function(){var%20ele=document.createElement('textarea');ele.style.width='100%';ele.value='■'+document.title+'\n'+location.href+'';document.body.insertBefore(ele,document.body.firstChild);ele.focus();ele.select();ele.ondblclick=function(){ele.parentNode.removeChild(ele);};ele.oncopy=function(){setTimeout(function(){ele.parentNode.removeChild(ele);},1);return%20true;}})()

ページタイトルとURLの間の改行を半角スペースにしたい場合はいずれも「'\n'」を「'%20'」にすればよい。

「-ページタイトル（URL[URL:bookmark]）」という書式は以下。

javascript:(function(){var%20ele=document.createElement('textarea');ele.style.width='100%';ele.value='-'+document.title+'%EF%BC%88'+location.href+'['+location.href+':bookmark]%EF%BC%89';document.body.insertBefore(ele,document.body.firstChild);ele.focus();ele.select();ele.ondblclick=function(){ele.parentNode.removeChild(ele);};ele.oncopy=function(){setTimeout(function(){ele.parentNode.removeChild(ele);},1);return%20true;}})()

IEではやはり「（」と「）」が文字化けするので以下のように。

javascript:(function(){var%20ele=document.createElement('textarea');ele.style.width='100%';ele.value='-'+document.title+'（'+location.href+'['+location.href+':bookmark]）';document.body.insertBefore(ele,document.body.firstChild);ele.focus();ele.select();ele.ondblclick=function(){ele.parentNode.removeChild(ele);};ele.oncopy=function(){setTimeout(function(){ele.parentNode.removeChild(ele);},1);return%20true;}})()

ブックマークレットを起動するとページ最上部にテキスト領域が挿入され、指定した書式のページタイトルやURLが入れられる。テキストは選択済みであり［Ctrl］＋［C］などでコピーすればテキスト領域は非表示となる。

f:id:Imamura:20141002123916p:plain

つまりブックマークをクリックしたらコピーするだけでよい。ブックマークレットをブラウザのツールバーに置いておけば、「お気に入り」メニューをクリックする手順を省略できるからクリック→コピーで操作は完了する。すばらしい。

Safariでは別のブックマークレットを利用

MacのSafariは上のブックマークレットが使えない。代わりを探してみた。

ブロガー向けタイトルを含んだリンクタグを生成するブックマークレット｜SKEG*log（http://blog.skeg.jp/archives/2011/07/_safari.html ）

ここで紹介されているブックマークレットを修正させてもらった。

「■ページタイトル《改行》URL」の書式は以下。改行を半角スペースにするには「'\n'」を「'%20'」にすればいいはず。

javascript:var%20ret=window.prompt('%E3%81%93%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%81%AE%E3%83%AA%E3%83%B3%E3%82%AF','■'+document.title+'\n'+location.href);

「-ページタイトル（URL[URL:bookmark]）」の書式は以下。

javascript:var%20ret=window.prompt('%E3%81%93%E3%81%AE%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%B8%E3%81%AE%E3%83%AA%E3%83%B3%E3%82%AF','-'+document.title+'（'+location.href+'%5b'+location.href+'%3abookmark%5d）');

これだとブックマークを選択→ポップアップウィンドウが表示されるので［command］＋［C］→［return］もしくは［esc］という手順になる。

f:id:Imamura:20140930150055p:plain