カレンダー

03 | 2017/04 | 05
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 - - - - - -

広告



最近の記事

カテゴリー

DATE: CATEGORY:スポンサー広告


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

DATE: CATEGORY:DEV


内部サイトも含めて、ブログ記事にサイトのリンクを貼り付ける際、
URLをコピーして貼り付けて、
タイトルをコピーして貼り付けて、
aタグでリンクにして、、、ってのがめんどくさい!!

ってことで、自分用にサイトへのリンク用HTMLを簡単に
生成するためのブックマークレットを作ってみた
ので晒してみる。
せっかくなのでサムネイル入りで作ってみました。

関連記事

Flickrの写真の正しいブログへの貼り付け方とブックマークレットを作ってみた:なんとなしの日記Flickrの写真の正しいブログへの貼り付け方とブックマークレットを作ってみた:なんとなしの日記hatena
Flickrの写真っていい写真がいっぱいあります。ブログに貼り付けるとキレイな記事になったりして、とっても使いたい。でも、ちゃんとFlickrの著作権のルールに


こちらは、今回の記事の続編です。
サイトへのリンクを簡単に生成するブックマークレット【改訂版】:なんとなしの日記サイトへのリンクを簡単に生成するブックマークレット【改訂版】:なんとなしの日記hatena
スマホから見た時の表示イメージが気に入らない。そんな理由で、先日作成したブックマークレットを少し修正しました。サイトへのリンクを簡単に生成するブックマークレット


とりあえずリンク


サイトリンク生成ブックマークレット

これをドラッグ&ドロップでブラウザのブックマークの所に
登録してしまってください。

使い方


リンクを作りたいサイトを開いたら、ブックマークレットを選択します。
そしたらポップアップでリンク用HTMLとサンプルが表示されるので、
あとはそのHTMLをブログに貼り付けるだけ。

貼りつけた時のサンプル


せっかくなのでサムネイルとかも表示するようにしてみました。
あとはてブ数も表示するようにしてみました。

結果としては、こんな感じのHTMLをサクッと生成します。
ウィキペディアの「無難な」正しい引用方法:なんとなしの日記ウィキペディアの「無難な」正しい引用方法:なんとなしの日記hatena
こんなニュースがありました。「地デジカ」説明文でウィキペディア盗用、民放連が該当部分削除[2009/05/11 12:48]ウィキペディアって簡単に使っちゃいけ


やってることを簡単に説明


サムネイル

Webページのimgタグを取得して使えそうなsrcを取得します。
imgがないときは、noimageの画像を取ってくる。

リンク

Webページのタイトルとリンクを取得してaタグを作る。
セットで「はてブ」のユーザ数も合わせて表示してみた。

内容説明

これは単純にdescriptionをとってきてるだけ。
descriptionがないサイトは表示されません。

コード


晒してたら詳しい人のアドバイスとかもらえるかなぁ、、
とか思ってコードを晒してみる。
");
window.document.close();
}
var u=document.URL;
var t=document.title;
var i=document.getElementsByTagName('img');
var m=document.getElementsByTagName('meta');
var desc="";
for(var j=0;j if('description'==m[j].getAttribute("name")){
var d=m[j].content;
desc=d.substring(0,80);
}
};
var img=new Image();
var s="http://farm9.staticflickr.com/8044/8146452572_6515558c49_t.jpg";
for(var j=0;j var src=i[j].getAttribute("src");
if(src){
if(src.match(/http/i)){
if(!src.match(/\?/)){
s=src;
break;
}
}else if(src.match(/^\//i)){
s=location.protocol+"//"+location.hostname+src;
break;
}else{
src=null;
}
}
};
img.src=s;
var ts="";
var link=""+t+"";
var htn="hatena";
var dsc="
"+desc+"
";
if(img.width>=img.height){
var smb=""+t+"";
}else{
var smb=""+t+"";
}
var body=ds+smb+link+htn+dsc+de;
var res=ts+body+te;
newpage();
]]>

タグ : TECH サイト リンク ブックマークレット bookmarklet

Comment

コメントの投稿

管理者にだけ表示を許可する


トラックバック


この記事にトラックバックする



copyright © なんとなしの日記 all rights reserved.
内職☆在宅ワークの最強は?アフィリエイト!. 初心者だってカッコ良いホームページ作るぅ!
Powered by FC2ブログ
Related Posts Plugin for WordPress, Blogger...
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。