plugin untuk menampilkan jangkar di halaman HTML?

21

Saya sering menemukan diri saya mencari tautan yang akan menjatuhkan saya di tengah halaman web. Seringkali saya menemukan bahwa halaman memiliki <a name='foo'>tag yang dibutuhkan tetapi tidak ada cara mudah (misalnya daftar isi) untuk menemukannya. Adakah yang tahu plugin yang menunjukkan di mana / apa tag itu?

Saya membutuhkan chrome tetapi menjawab untuk orang lain akan bermanfaat.


FWIW: inilah yang akhirnya saya gunakan:

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

Ambil itu, dan letakkan sebagai alamat tautan di bookmark.

BCS
sumber
1
Terima kasih. Sayang sekali ini sepertinya tidak bekerja dengan frame atau heading anchor (dimungkinkan untuk anchor pada H1, misalnya, tidak hanya pada <A>)
rustyx
@ustyx, saya tidak menemukan contoh cara melakukannya.
BCS
1
@rustyx - lihat gist.github.com/inkarkat/cd1d40996a1f818dfc71 untuk versi yang lebih baik yang mendukung j1 h1
Kaya

Jawaban:

9

Bookmarklet Pengembangan Web memiliki bookmarklet JavaScript yang disebut jangkar bernama yang akan menyisipkan tautan di setiap <a name="">jangkar. Untuk menggunakan bookmarklet, tambahkan ke menu favorit Anda atau bilah tautan. Kemudian, pada halaman mana pun, klik bookmark "named anchor" untuk memasukkan tautan ke halaman saat ini. Namun, itu tidak berfungsi di Wikipedia atau situs lain yang menggunakan idatribut tag sebagai jangkar.

Sunting:
Tampilkan Jangkar adalah bookmarklet yang lebih modern yang menampilkan keduanya <a name="">dan idelemen dengan ikon jangkar. Ikon disematkan di bookmarklet sebagai data:URL, sehingga mungkin tidak berfungsi di browser lama. (Tautan bookmarklet ada di bagian paling atas dari pos.)

Bavi_H
sumber
Sepertinya saya tidak bisa membuat yang kedua bekerja.
BCS
1
Versi "show anchors" ini jauh lebih baik dari postingan blog itu: gist.github.com/inkarkat/cd1d40996a1f818dfc71
Rich
1
Saya membuat versi yang saya sukai bahkan lebih baik. Alih-alih gambar jangkar, saya membuat tampilan bookmarklet #diikuti oleh nameatau iddari elemen: gist.github.com/LucasLarson/d5bd0881d8eb99d9fb254d28e7a315c4
Lucas
6

The Tampilkan Jangkar 2 add-on tidak hanya itu pada Firefox.

dari sana
sumber
0

Jawaban BCS disesuaikan untuk bekerja dengan bingkai:

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
sumber