HTMLページにアンカーを表示するプラグイン?


21

Webページの途中にドロップするリンクを自分で探していることがよくあります。多くの場合、ページには必要な<a name='foo'>タグがありますが、それらを見つける簡単な方法(目次など)はありません。誰がそれらのタグがどこにあるか/何を示すプラグインを知っていますか?

私はクロムが必要ですが、他の人のために答えられると便利です。


FWIW:これは私が最終的に使用したものです:

javascript:(function(){var i,n,a;as=document.anchors;for(i=0;i<as.length;++i) {a=as[i];n=a.name;a.appendChild(document.createTextNode("#"+n));a.style.border="1px solid";;a.href="#"+n;}})();

それを取り、ブックマークにリンクアドレスとして配置します。


1
ありがとう。
残念なことに

@rustyx、私はそれを行う方法の例を見つけていません。
BCS

1
@rustyx- h1アンカーをサポートするより良いバージョンについては、gist.github.com / inkarkat / cd1d40996a1f818dfc71を参照してください
リッチ

回答:


9

Web開発ブックマークレットには、各アンカーにリンクを挿入する名前付きアンカーと呼ばれるJavaScriptブックマークレットがあります<a name="">。ブックマークレットを使用するには、お気に入りメニューまたはリンクバーに追加します。次に、任意のページで「名前付きアンカー」ブックマークをクリックして、現在のページにリンクを挿入します。ただし、ウィキペディアまたはidタグの属性をアンカーとして使用する他のサイトでは機能しません。

編集:
アンカーの表示は、アンカーアイコンで要素<a name="">id要素の両方を表示する、より現代的なブックマークレットです。アイコンはdata:URL としてブックマークレットに埋め込まれているため、古いブラウザーでは機能しない場合があります。(ブックマークレットのリンクは投稿の一番上にあります。)


2番目の1つを機能させることはできません。
BCS

1
「ショーのアンカー」のこのバージョンずっとそのブログ記事から改善されている:gist.github.com/inkarkat/cd1d40996a1f818dfc71
リッチ

1
気に入ったバージョンをさらに改良しました。アンカーの画像の代わりに、ブックマークレットを表示した#後、要素のnameor id追加しました
Lucas



0

BCSの答えは、フレームを使用するように適合されています。

javascript:(function(){function f(e){var i,n,a;as=e.anchors;for(i=0;i<as.length;++i){a=as[i];n=a.name;a.appendChild(e.createTextNode('\u2693'+n));a.style.color='#fff';a.style.background='#666';a.style.borderRadius='5px';a.href='#'+n;}}if(window.frames.length)for(var i=0;i<window.frames.length;++i)f(window.frames[i].document);else f(document);})();
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.