方眼紙のような升目を表示するブックマークレット

画面上に指定した幅で升目を表示します。

最小幅10px 座標無しで表示

javascript:(function(){sc=prompt('幅',50);if(sc==null||sc<10)return;b=document.body;w=b.scrollWidth/sc;h=b.scrollHeight/sc;var t='';for(i=0;i<h-1;i+=1){t+="<TR>";for(j=0;j<w-1;j+=1){t+="<TD style=\"vertical-align:top;width="+sc+"px;height="+sc+"px\"></TD>";}t+="</TR>";}t+="</table>";b.insertAdjacentHTML('beforeEnd',"<TABLE style=\"border-collapse:collapse;position:absolute;left:0px;top:0px;filter:alpha(opacity=20);width="+j*sc+"px\" borderColor='blue' border='1'>"+t);})()

#座標をセルに表示しているので、50pxより細かい幅だと正方形にならない

最小幅50px 座標つきで表示

javascript:(function(){sc=prompt('幅',100);if(sc==null||sc<40)return;b=document.body;w=b.scrollWidth/sc;h=b.scrollHeight/sc;var t='';for(i=0;i<h-1;i+=1){t+="<TR>";for(j=0;j<w-1;j+=1){t+="<TD style=\"vertical-align:top;width="+sc+"px;height="+sc+"px\">"+j*sc+"<br>"+i*sc+"</TD>";}t+="</TR>";}t+="</table>";b.insertAdjacentHTML('beforeEnd',"<TABLE style=\"border-collapse:collapse;position:absolute;left:0px;top:0px;filter:alpha(opacity=20);width="+j*sc+"px\" borderColor='blue' border='1'>"+t);})()

#幅3pxで実行したらブラウザがハングしたあと、Windowsごとお亡くなりになりました・・・・。ブラクラカヨ