ヘルプドキュメントを作成する都合上、いろいろ、スクリーンショット加工で便利なツールを探しています。
JAVASCRIPT::BOOKMARKLET様にて、ページ各所に番号を振った画像を作成したいときに便利そうなブックマークレット「カウンタ」を発見しました。
そちらの「カウンタ」のソースをちょっと加工して、ヘルプドキュメント作成ですぐに使えるように、文字や枠の色とサイズを変更してみました。
オリジナルのソースは上記サイトでご確認ください。
ソース（改作済）
javascript:void(C=0,(D=document).onclick=function(e){if(!e){e=event}cdiv=D.createElement('div');(cs=cdiv.style).position='absolute';cs.left=(e.pageX||e.clientX+D.documentElement.scrollLeft)-7+'px';cs.top=(e.pageY||e.clientY+D.documentElement.scrollTop)-7+'px';cs.border='2px%20solid';cs.backgroundColor='white';cs.color='red';cs.padding='0px%202px';cs.fontSize='14px';cdiv.appendChild(D.createTextNode(++C));D.getElementsByTagName('body')[0].appendChild(cdiv)})カウンタ（Yuny改作、ヘルプドキュメント作成用）
上記のリンク部分を右クリックする（Windows）またはマウスボタンを長く押す（Mac）でコンテキストメニューを呼び出し、ブラウザのブックマークに追加してください。
お勧めは「ブックマークツールバー」の中へ入れておくことです。
番号を付けたいページを開いて、このブックマークレットを実行した後、ページ内のあちこちをクリックすると連番がつきます。
ある程度番号を振りつけたらOSの機能なりキャプチャソフトなりでスクリーンキャプチャして保存すれば、各自のサイトのマニュアル内などで使える連番つきキャプチャが作れます。
このブックマークレット自体には連番をオフにする機能はないので、ブラウザの「再読み込み（リロード）」機能でページを再表示すればオフになります。
＜作例（はてなダイアリー編集画面の左のメニューに連番を付けてみました）＞
※クリックすると少し拡大します。
フリーハンドで割とアバウトについていくので、縦一列に番号を振るなど、きれいに並べたいときはちょっと向いていないかもしれませんが。おおざっぱに番号が振れればいい場合には便利そうです。
あとは……何かの画像（地図など）をブラウザで開いて、連番付けしたいときとかも使えそうかも？
