blog.鶯梭庵

二〇一三年睦月十三日日曜日

■ ウェブページの画像とリンクのリストを作成するブックマークレット [/links]

この記事は書かれてから1年以上経過しています。内容が古くなっている可能性があります。コメントの受付は終了しました。

ウェブページを翻訳する場合、画像やリンクはたいていの場合原文通りに設定する必要がある。レビューでも、画像やリンクが原文通り設定されているか確認する場合が多い。翻訳支援ツールが自動でチェックしてくれることもあるが、ツールを使わない場合、ウェブページから画像やリンクを１つ１つ探して URL を確認するのは、面倒だし、見落としが発生しやすい。

そこで、ウェブページの画像とリンクを抽出するブックマークレットを作ってみた。以下のリンクをクリックすると、このページにある画像とリンクのリストがそれぞれ別画面に表示されるはずだ（といっても、このページには画像はほとんどないが）。

画像のリストを作成

リンクのリストを作成

これらのリンク（このページではない）を右クリックしてブックマーク（お気に入り）に登録するか、リンクをブックマークバーにドラッグアンドドロップすると、ブラウザで任意のウェブページを開き、ブックマークを選択することで、そのとき表示しているページの画像やリンクのリストが作成される。ご自由に使ってください。ただし、エラーチェックなどはいい加減なので、表示がおかしくなることがあるかもしれない。

ソースコード（というほどのものでもないが）は以下の通り。読みやすいように改行とスペースを加えているが、実際は１行にする。改変や再配布などもご自由にどうぞ。

画像のリストを作成

javascript:

(function(l,d,i){

d.write('<ol>');

for(i=0;i<l.length;i++)

d.write('<li><p><tt>'+l[i].src+'</tt><br>'+l[i].outerHTML);

d.write('</ol>');

})(document.getElementsByTagName('img'),open().document);

リンクのリストを作成

javascript:

(function(l,d,i,u){

d.write('<ol>');

for(i=0;i<l.length;i++)

if(u=l[i].href)

if(!u.indexOf('http'))

d.write('<li><p><tt>'+u+'</tt><br>'+l[i].innerHTML);

d.write('</ol>');

})(document.getElementsByTagName('a'),open().document);

[このカテゴリをまとめて読む。] [最新の記事を読む。]

羽鳥公士郎

blog.鶯梭庵

二〇一三年 睦月 十三日 日曜日

■ ウェブページの画像とリンクのリストを作成するブックマークレット [/links]

カテゴリ

最新記事

二〇一三年睦月十三日日曜日