ボタンになっているブックマークレットをSafariで抜き出す JavascriptPicker

iPad/iPhoneでも使いたいのにドラッグ&ドロップできないし。


XRAY :: for web developers
These materials are copyright Western Civilisation Pty Ltd.www.westciv.comThey are brought to you co...
たとえばこのページ。サイトのデザインを分析するブックマークレットなんですが、取り出せない。「XRAY」というボタンになってます。面白そうなのにiPadで使えない。



そんなときは下記ブックマークレット。リンクタグを調べ、hrefがjavascriptになっていたら抜き出します。後はコピーするだけ。これを適当なブックマークと置き換える。

javascript:list=document.getElementsByTagName("a");s="<meta name=viewport content=initial-scale=1,maximum-scale=1><body style=white-space:pre;word-wrap:break-word;>";for(i=0;i<list.length;i++){h=list[i].href;if(h.match(/javascript:/)) s+="<div>"+h+"</div><br>"}s+="</body>";document.write(s);



ブックマークレットを走らせれば、上みたいになる。タップした領域の設定値を表示。デザインの細かな部分を調べることができます。JavaScriptは奥が深い。