ブックマークレットの作り方を覚えたので、ページ内リンクをカウントするツールを作ってみました。
めちゃくちゃ短くて簡単なので、「作った」というのも大袈裟なんですが。
このスクリプト自体は以前に埋め込みコードとして作ったものですしね。

ページ内リンクカウンター
↑こちらのリンクをブックマークすると、使えます。
なお、iframe要素で表示してあるリンクはカウントできません。


ブックマークレットの作り方

  1. javascript:(function(){})();{}の中に javascript の処理を書く。
    ※表示中のページは普通にdocumentで取得できる。
    javascript:(function(){
        var n = document.getElementsByTagName('a').length;
        alert('このページのリンク数は[' + n + ']です');
    })();
  2. タブや改行、その他余分なインデントを無くし、コード内の半角スペースを%20に、ダブルクォーテーション(")を%22に置換する。
    javascript:(function(){var%20n=document.getElementsByTagName('a').length;alert('このページのリンク数は['+n+']です');})();
    
  3. 以上のコードを HTML のaタグに、href属性として与える
    <a href="javascript:(function(){・・・})();">ページ内リンクカウンター</a>


ブックマークレットの登録

上記の HTML文書をブラウザで表示すると、
ページ内リンクカウンター
このようにリンクテキストが表示されますね(上のリンクと同じものです)。
これを
InternetExplorer の場合
右クリック→「お気に入りに追加(F)...」を選択
Chrome の場合
リンクテキストを Bookmarks にドラッグ&ドロップ
FireFox の場合
右クリック→「このリンクをブックマーク(L)」をクリック
またはブックマークツールバーにドラッグ&ドロップ
その他のブラウザでも似たような操作で登録できると思います。

ブックマークレットの使い方

WEB 閲覧中に、先ほど登録したブックマークをクリックすると、その閲覧中のページ内のリンク数を表示します。
このページリンク多いなーと思ったら、チェックしてみたくなること、ありますよね!…
link-count
咲-Saki-まとめアンテナ様のトップページは894!(本記事更新時点)

ちなみに某咲-Saki-ブログ
link-count2
ナルホドネー


以上