HTML sayfasında çapa göstermek için eklenti?

21

Sık sık beni bir web sayfasının ortasına düşürecek bir bağlantı ararken kendimi bulurum. Sık sık, sayfanın gerekli <a name='foo'>etiketleri içerdiğini ancak bunları bulmak için kolay bir yol (örneğin bir içindekiler tablosu) olmadığını buldum. Bu etiketlerin nerede / ne olduğunu gösteren bir eklenti bilen var mı?

Krom lazım ama başkaları için cevaplar faydalı olurdu.

FWIW: Sonunda kullandığım şey:

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;}})();

Bunu al ve bir yer imine bağlantı adresi olarak koy.

browser-addons

— BCS
kaynak

1

Teşekkürler. Ne yazık ki bu, çerçevelerle veya başlık çapalarıyla çalışmıyor gibi görünüyor (örneğin, yalnızca bir <A> üzerine değil, bir

— H1'e çapalamak mümkündür

@ rustyx, bunun nasıl yapılacağına dair hiçbir örnek bulamıyorum.

— BCS,

1

@rustyx - h1 çapalarını destekleyen daha iyi bir sürüm için bkz. gist.github.com/inkarkat/cd1d40996a1f818dfc71

— Rich

9

Web Geliştirme Yer imleri , her çapaya bağlantı ekleyecek adı verilen çapa adı verilen bir JavaScript favorisine sahiptir <a name="">. Yer imini kullanmak için sık kullanılanlar menünüze veya bağlantı çubuğuna ekleyin. Ardından, herhangi bir sayfada, geçerli sayfaya bağlantı eklemek için "adlandırılmış bağlantı" imi tıklayın. Ancak, Wikipedia'da veya idetiketlerin bağlantı olarak özelliklerini kullanan diğer sitelerde çalışmaz .

Düzenleme:
Göster Çapalar daha modern yer işareti olduğunu gösterir hem <a name="">ve idbir çapa simgeli unsurlar. Simge, yer imine bir data:URL olarak eklenmiştir, bu nedenle eski tarayıcılarda çalışmayabilir. (Yer imi bağlantısı, gönderinin en üstündedir.)

— Bavi_H
kaynak

İkincisini çalışacak gibi görünmüyorum.

— BCS

1

" Çapaları

— Rich

1

Ben daha iyi sevdiğim bir sürümünü yaptım. Bir çapa görüntüsü yerine, yer imi göstergesini, #ardından nameya idda şu öğeyi izledim

— Lucas

6

Bağlantıları Göster 2 eklentisi Firefox'ta bunu yapar.

— therefromhere
kaynak

0

Ekran Bağlantıları en popüler Chrome eklentisi gibi görünüyor.

— Dan Csharpster
kaynak

0

BCS'nin cevabı çerçevelerle çalışmak için uyarlandı:

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);})();

— Gnubie
kaynak