ついっぷる、Twilog、favologをTwitter公式埋め込み表示に変えるブックマークレット
ついっぷる、Twilog、favolog内のツイートをTwitter公式の埋め込み表示に変えるためのブックマークレットを作った。例えば、Twitter公式のホームタイムラインではツイートの取得漏れがあって見逃してしまうのでついっぷるを使いたいけれど画像を確認する手間が面倒な場合に、ついっぷる内でTwitter公式の埋め込み表示に変えちゃえば楽になる。Twilog、favologでは必要なツイートを検索した後に、Twitterカードによるリンク先の情報も一度に確認したいなど、Twitter公式の表示でしか見られないものをTwitter公式ページを開かずに見ることができる。
埋込表示(元のツイートを含める場合)
埋込表示(元のツイートを含めない場合)
それぞれのソースは次の通り。見やすいように改行やスペースを追加した。また、ついっぷる、Twilog、favologの仕様変更で、このブックマークレットは使えなくなる可能性もあるので、注意が必要。
元のツイートを含める場合
javascript:
(function(){
var url=document.location.href;
switch(url.split("/")[2]){
case "twilog.org":
var tweetclass="tl-tweet";
var linkclass="tl-posted";
var turn=0;
break;
case "favolog.org":
var tweetclass="tl-tweet";
var linkclass="rtime";
var turn=0;
break;
case "twipple.jp":
var tweetclass="tweetBox";
var linkclass="tweetBottomInfo";
var turn=0;
break;
}
var script=document.createElement("script");
script.src="//platform.twitter.com/widgets.js";
script.charset="utf-8";
script.async="async";
document.body.appendChild(script);
var gettweet=document.getElementsByClassName(tweetclass);
for(var i=0;i<gettweet.length;i++) {
var link=gettweet[i].getElementsByClassName(linkclass)[0];
if(typeof link!=="undefined") {
var id=gettweet[i].getAttribute("id");
link=link.getElementsByTagName("a")[turn].outerHTML;
document.getElementById(id).innerHTML='<blockquote class="twitter-tweet" data-lang="ja">'+link+'</blockquote>';
};
};
alert("There are "+i+" tweets.");
})();
元のツイートを含めない場合
javascript:
(function(){
var url=document.location.href;
switch(url.split("/")[2]){
case "twilog.org":
var tweetclass="tl-tweet";
var linkclass="tl-posted";
var turn=0;
break;
case "favolog.org":
var tweetclass="tl-tweet";
var linkclass="rtime";
var turn=0;
break;
case "twipple.jp":
var tweetclass="tweetBox";
var linkclass="tweetBottomInfo";
var turn=0;
break;
}
var script=document.createElement("script");
script.src="//platform.twitter.com/widgets.js";
script.charset="utf-8";
script.async="async";
document.body.appendChild(script);
var gettweet=document.getElementsByClassName(tweetclass);
for(var i=0;i<gettweet.length;i++) {
var link=gettweet[i].getElementsByClassName(linkclass)[0];
if(typeof link!=="undefined") {
var id=gettweet[i].getAttribute("id");
link=link.getElementsByTagName("a")[turn].outerHTML;
document.getElementById(id).innerHTML='<blockquote class="twitter-tweet" data-conversation="none" data-lang="ja">'+link+'</blockquote>';
};
};
alert("There are "+i+" tweets.");
})();
コメント 0