読者です 読者をやめる 読者になる 読者になる

ひとり部長のひとりごと

社会人1年目で社内起業を始めたひとり部長がその経験を語ります。Mac関連もつぶやきます。映画のレビューはサブブログに移行しました。世の中の明るいニュースだけをまとめたエントリーも始めました。

オリジナルのブログリンクを簡単に作るブックマークレットを公開

javascript: (function() {
function productImg() {
var pi = document.getElementsByTagName('meta');
for (i = 0; i < pi.length; i++) {
if (pi[i].getAttribute("property") == "og:image") {
return pi[i].getAttribute("content");
}
}
return "";
}
var titlebf = document.title;
var titlename = titlebf.substr(0, 70);
var ogimg = productImg();
var url = window.location.href;
var description = window.getSelection();
var f = document.evaluate('//link[(@rel=\'icon\') or (@rel=\'shortcut icon\') or (@rel=\'ICON\') or (@rel=\'SHORTCUT ICON\')][1]/@href', document, null, XPathResult.STRING_TYPE, null);
var u = f.stringValue;
var v =
(u == '') ? 'http://' + location.host + '/favicon.ico' :
(u.substring(0, 7) != 'http://') ? 'http://' + location.host + u : u;
var card = ' <!--'+ titlename +'-->\n<div class="article">\n<div class="articleimg"><a href="'+ url +'"><img src="'+ ogimg +'"></a></div>\n<div class="title"><a href="'+ url +'">'+ titlename +'</a></div>\n<div class="description"><a href="'+ url +'">'+ description +'</a></div>\n</div>\n
';
window.prompt("ピックアップ記事", card);
})();

 

 これをコピペしてブックマークレットに使うだけで、

  • ページのキャプション画像(OG)
  • タイトル
  • 選択範囲を詳細文として引用
  • ファビコンの取得

が可能になります。

設定すべきclassは、

.article(外枠)

.articleimg(画像)

.title(ページタイトル)

.description(選択した文章)

の部分になります。簡単でしょ?ファビコンはここにないですが、わかる人は「'+ v +'」で好きなところにはれます。