Hatena::Groupos0x

FFFF RSSフィード

0xFFのメモです。

2008 February 1st Friday

https リファラ

01:38 | https リファラ - FFFF を含むブックマーク はてなブックマーク - https リファラ - FFFF

httpsからhttpに移動するとき、ブラウザリファラをつけない。

つまry

背景画像のURLを抜き出すJavaScript on Firebug

| 17:09 | 背景画像のURLを抜き出すJavaScript on Firebug - FFFF を含むブックマーク はてなブックマーク - 背景画像のURLを抜き出すJavaScript on Firebug - FFFF

普通にWEBページを保存すると背景画像は保存されないので、背景画像のURLを取得するスクリプトを書いた。

(function(){
  var bks = [];
  each(document.styleSheets,function(css){
    var f=arguments.callee;
    each(css.cssRules,function(rule){
      if (rule.styleSheet) {
        f(rule.styleSheet);
      } else if (rule.style &&
                 (rule.style.backgroundImage||'').match(/^url\((["']?.*?["']?)\)/i)) {
         bks.push(RegExp.$1);
      }
    });
  });
  console.log(bks);
//おまけで取得したURLをimgにしてみる
  var div = document.body.appendChild(document.createElement('div'));
  each(bks,function(src){div.appendChild(document.createElement('img')).src = src;});
//lengthを持っていればなんでも回せるeach関数
  function each(a,f,o){for(var i=0,l=a.length;i<l;i++)f.call(o,a[i],i,a);}
})();

背景画像が絶対パスだったりすれば、そのまま画像を表示できる。

画像を追加した状態でwebページの保存をすれば背景画像を保存できて嬉しい。


ちなみに、@importにも対応している(if(rule.styleSheet)のところ)んだけど、その分再帰的に@importされてると、このスクリプト無限ループしちゃうので注意。

あと、上のようなeach関数はlengthがあれば何でも回せるので便利。NodeListとかargumentsとか。1行で書けるし。

0x000x002011/03/05 12:07背景画像のURLを読出すスクリプトあるのかな?
これを使うと出来るんだが、少々重くてねー

3.6ベースにしてほしいなー
Firefox Tab supports Firefox 3.5.xx version.
https://chrome.google.com/extensions/detail/icoloanbecehinobmflpeglknkplbfbm?hl=ja

ところで動いてるのかな?
View Selection Source (Firefox-like)
https://chrome.google.com/extensions/detail/hhlpjofmehafeaiaiflnddnfgnnpibgf?hl=ja