DraftPadにファビコン付きリンクを作成する FaviconLinker(修正版)

DraftPadにファビコン付きリンクを取得するブックマークレット FaviconLinker

ふと思いついたので、覚え書き。サムネ付きのリンクプレートをよく使いますが、多用するとブログが煩雑になる。サムネイル付き紹介リンクをDraftPadに貼り付ける BlogQuoteそれでときどき、こんな...

昨晩思いついたブックマークレット。SafariからDraftPadにリンクを貼り付けます。ファビコン付きにするのが狙いですが、対応できないサイトがあった。それもそのはずで、ファビコンにはいろんな貼り付け方があったためで、そのうち３通りほど組み込んだら、どのページでもリンクを拾うことができるようになりました。

javascript:fav=document.getElementsByTagName('link');icon='http://'+location.host+'/favicon.ico';for(i=0;i<fav.length;i++)if(fav[i].rel.match(/^shortcut icon|^apple-touch-icon/i)){icon=fav[i].href;break;}link='<img width=20 src="'+icon+'"> <a href="'+location.href+'">'+document.title+'</a><a href=http://b.hatena.ne.jp/entry/'+location.href+' target=_blank><img src=http://b.hatena.ne.jp/entry/image/'+location.href+'></a>';location.href='draftpad:///insert?caret='+encodeURIComponent('\n'+link+'\n');

上記ブックマークレットをSafariに登録し、実行。

Kindle Fire HD 8.9 - 鮮やかなディスプレイとドルビーオーディオ搭載の8.9インチタブレット
ルートディレクトリに favicon.ico というファイルがあるタイプ。アマゾンはサイトの構造が膨大なため、ソースコードに書かなくてもファビコンが付く仕組みになってます。