Ctrl+右クリックしたタグの属性を見るブックマークレット

JavaScript

javascript:(function(){document.body.oncontextmenu=function(){pe=event;if(pe.ctrlKey){pe.returnValue=false;em=pe.srcElement;for(i=0;i<4&&em;i++){st=em.style;B="border";W="Width";C="Color";S="Style";b1=st[B+W];b2=st[B+C];b3=st[B+S];st[B]='1px solid red';tn=em.tagName;if(confirm('inspect '+tn+'?')){v=prompt('input attr name','tagName');if(v&&v.length>0){prompt(v,em[v]);i=9999;}}st[B+W]=b1;st[B+C]=b2;st[B+S]=b3;em=em.parentElement;}}}})()

12/28のブックマークレットを少し修正して、入力した属性の値を表示するブックマークレットにしました。

Ctrl＋右クリックしたタグの属性の値が取得できます

  1. Ctrl＋右クリックしてタグを選択します
  2. タグが赤枠で囲まれ、確認メッセージボックスが表示されます
  3. 「キャンセル」をクリックすると、親ノードを選択して2.に戻ります（4回目のキャンセルで終了）
  4. 「OK」をクリックすると、属性名を入力するダイアログが表示されます
  5. 値を見たい属性名を入力します
  6. 値が表示されます（コピーしやすいようにprompt()で開いています）