nofollowリンクのブラウザー表示ブックマークレット完全版 IE、Firefox、Chrome対応

張られたリンクがnofollowであるかないかは気になるところ。

FirefoxやGoogle Chromeではすぐに対応できたのだが、世のメインブラウザーであるInternet Explorerでのnofollowリンク表示が欠けていた。

しかし、とうとうIE対応のブックマークレットを発見した。私の環境では、6と8で確認した。

• JavaScript::Bookmarklet Blog: nofollow属性のリンクを強調

IE、Firefox、Google Chromeなどのブラウザーで、nofollowリンクを確認する

上記のソースを少し改造したブックマークレットは次のとおり。

[ nofollow! ]

これを、IEのお気に入りや、Firefox、Chromeなどのブラウザーのブックマークに放り込むだけ。

実験用の、nofollowリンク。上記の nofollow! をクリック。

ソースは

<a href="javascript:(function()%7Bvar%20links=document.getElementsByTagName('a');for(i=0;i%3Clinks.length;i++)%7Bvar%20theLink=links%5Bi%5D;if(theLink.getAttribute('rel')=='nofollow')%7BtheLink.style.backgroundColor='#ffcccc';theLink.style.textDecoration='none';theLink.style.border='1px%20dashed%20#8c8c8c';%7D%7D%7D)();">nofollow!</a>

「#ffcccc」は、nofollowリンクの背景色である。
「1px%20dashed%20#8c8c8c」は囲い枠で、1pxの太さで、ダッシュ(波線)を描き、線の色が「#8c8c8c」の淡いグレー、ということである。

お好みで、自分用に変えるといいだろう。

よく出回っているCSSやブックマークレットは、「a[rel~="nofollow"]」を指定していてIEに対応できていなかったが、このブックマークレットは直接attribute「rel」とそのvalue「nofollow」を取得することによってオールマイティとなっている。