ブックマークレットの作り方を覚えたので、ページ内リンクをカウントするツールを作ってみました。
めちゃくちゃ短くて簡単なので、「作った」というのも大袈裟なんですが。
このスクリプト自体は以前に埋め込みコードとして作ったものですしね。
ページ内リンクカウンター
↑こちらのリンクをブックマークすると、使えます。
なお、
これを
このページリンク多いなーと思ったら、チェックしてみたくなること、ありますよね!… 咲-Saki-まとめアンテナ様のトップページは894!(本記事更新時点)
ちなみに某咲-Saki-ブログ ナルホドネー
以上
めちゃくちゃ短くて簡単なので、「作った」というのも大袈裟なんですが。
このスクリプト自体は以前に埋め込みコードとして作ったものですしね。
ページ内リンクカウンター
↑こちらのリンクをブックマークすると、使えます。
なお、
iframe
要素で表示してあるリンクはカウントできません。ブックマークレットの作り方
javascript:(function(){})();
の{}
の中に javascript の処理を書く。
※表示中のページは普通にdocument
で取得できる。javascript:(function(){ var n = document.getElementsByTagName('a').length; alert('このページのリンク数は[' + n + ']です'); })();
- タブや改行、その他余分なインデントを無くし、コード内の半角スペースを
%20
に、ダブルクォーテーション("
)を%22
に置換する。javascript:(function(){var%20n=document.getElementsByTagName('a').length;alert('このページのリンク数は['+n+']です');})();
- 以上のコードを HTML の
a
タグに、href
属性として与える<a href="
javascript:(function(){・・・})();
">ページ内リンクカウンター</a>
ブックマークレットの登録
上記の HTML文書をブラウザで表示すると、ページ内リンクカウンターこのようにリンクテキストが表示されますね(上のリンクと同じものです)。
これを
- InternetExplorer の場合
- 右クリック→「お気に入りに追加(F)...」を選択
- Chrome の場合
- リンクテキストを Bookmarks にドラッグ&ドロップ
- FireFox の場合
- 右クリック→「このリンクをブックマーク(L)」をクリック
またはブックマークツールバーにドラッグ&ドロップ
ブックマークレットの使い方
WEB 閲覧中に、先ほど登録したブックマークをクリックすると、その閲覧中のページ内のリンク数を表示します。このページリンク多いなーと思ったら、チェックしてみたくなること、ありますよね!… 咲-Saki-まとめアンテナ様のトップページは894!(本記事更新時点)
ちなみに某咲-Saki-ブログ ナルホドネー
以上
コメント