ここAd! ブックマークレット Opera,Safari,Chrome：Google AdSenseやAmazonアソシエイト等での色・サイズ設定に苦労していませんか？ Part.6

Opera,Safari,Chromeの対応を行ってみた。

といっても前回のFireFox版スクリプトで、ある程度動作したのでIEも含めたクロスブラウザ版として対応。

ブックマークレット → ここAd!

ﾂꀀ

Opera,Safari,Chrome動作イメージ

Opera動作イメージ

Operaは、ツールチップ（Title属性）内の改行が効かないようですね。まー値は取れるから良いか。。

それと、ステータスバーにもTitile属性内の値が表示されるようです。

ﾂꀀ

Safari動作イメージ

Safariは、ツールチップ（Title属性）内の改行が効くようです。

border関係の情報が上手く取れていないか？

ﾂꀀ

Chrome動作イメージ

Chromeは、ツールチップ（Title属性）内の改行が効くようです。

border関係の情報が上手く取れていないか？

ﾂꀀ

プログラムソース

javascript:if(navigator.userAgent.indexOf("MSIE")!=-1){void document.body.attachEvent("onmousemove",function(){function ps(ost,sst){var ot=ost;while(ot.currentStyle[sst]=="transparent"){ot=ot.parentElement;if(ot==null)return "";};return ot.currentStyle[sst];};if(window._sv_flg){window._sv_oe.style.backgroundColor=window._sv_backgroundColor;window._sv_flg=false;};var oe=event.srcElement;window._sv_oe=oe;window._sv_backgroundColor=oe.style.backgroundColor;window._sv_flg=true;window._sv_inf="";var sh="";var ap=new Array("tagName","offsetWidth","clientWidth","offsetHeight","clientHeight");for(var i=0;ap.length>i;i++){sh+=ap[i]+":"+oe[ap[i]]+"rn";};var ap=new Array("color","backgroundColor","borderColor","borderStyle","borderWidth");for(var i=0;ap.length>i;i++){sh+=ap[i]+":"+ps(oe,ap[i])+"rn";};window._sv_inf=sh;oe.title="ここAd! by drmg.netrnCOPY(Ctrl+C)rn"+sh;oe.style.backgroundColor="Yellow";});void document.body.attachEvent("onkeydown",function(){if(event.ctrlKey!=true)return;if(event.keyCode!=67)return;clipboardData.setData("Text",window._sv_inf);});}else{void document.body.addEventListener("mousemove",function(e){function ps(ost,sst){var ot=ost;while(window.getComputedStyle(ot,null)[sst]=="transparent"){ot=ot.parentNode;if(ot==null)return "";};return window.getComputedStyle(ot,"")[sst];};if(window._sv_flg){window._sv_oe.style.backgroundColor=window._sv_backgroundColor;window._sv_flg=false;};var oe=e.target;window._sv_oe=oe;window._sv_backgroundColor=oe.style.backgroundColor;window._sv_flg=true;var sh="";var ap=new Array("tagName","offsetWidth","clientWidth","offsetHeight","clientHeight");for(var i=0;ap.length>i;i++){sh+=ap[i]+":"+oe[ap[i]]+"rn";};var ap=new Array("color","backgroundColor","borderColor","borderStyle","borderWidth");for(var i=0;ap.length>i;i++){sh+=ap[i]+":"+ps(oe,ap[i])+"rn";};oe.title="ここAd! by drmg.netrn"+sh;oe.style.backgroundColor="Yellow";},false);}

ﾂꀀ

今回は、Google アドセンスやAmazonアソシエイトや、ガジェットのための設定情報を取得する事を目的に、「ここAd!」を作成してあります。実態は短いJavaScriptなので、ちょろっと修正するだけで好みの情報を収集する事が可能になりますので、適当に修正しながら利用してみてくださいませ。