plugin để hiển thị các neo trong một trang HTML?


21

Tôi thường thấy mình đang tìm kiếm một liên kết sẽ thả tôi vào giữa một trang web. Thông thường tôi thấy rằng trang có các <a name='foo'>thẻ cần thiết nhưng không có cách nào dễ dàng (ví dụ: mục lục) để tìm thấy chúng. Có ai biết một plugin hiển thị các thẻ đó ở đâu / không?

Tôi cần chrome nhưng trả lời cho người khác sẽ hữu ích.


FWIW: đây là những gì tôi đã sử dụng:

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

Lấy nó và đặt nó làm địa chỉ liên kết trong một dấu trang.


1
Cảm ơn. Quá tệ, điều này dường như không hoạt động với các khung hoặc tiêu đề neo (có thể neo trên một chiếc H1, chẳng hạn, không chỉ trên <A>)
rustyx

@rustyx, tôi không tìm thấy bất kỳ ví dụ nào về cách làm điều đó.
BCS

1
@rustyx - xem gist.github.com/inkarkat/cd1d40996a1f818dfc71 để biết phiên bản tốt hơn hỗ trợ neo h1
Rich

Câu trả lời:


9

Bookmarklets Phát triển Web có một bookmarklet JavaScript được gọi là các neo được đặt tên sẽ chèn các liên kết tại mỗi <a name="">neo. Để sử dụng bookmarklet, hãy thêm nó vào menu yêu thích hoặc thanh liên kết. Sau đó, trên bất kỳ trang nào, nhấp vào dấu trang "neo được đặt tên" để chèn liên kết vào trang hiện tại. Tuy nhiên, nó không hoạt động trên Wikipedia hoặc các trang web khác sử dụng idcác thuộc tính của thẻ làm neo.

Chỉnh sửa:
Hiển thị Neo là một bookmarklet hiện đại hơn hiển thị cả hai <a name="">idcác thành phần với biểu tượng neo. Biểu tượng được nhúng trong bookmarklet dưới dạng data:URL, vì vậy nó có thể không hoạt động trong các trình duyệt cũ hơn. (Liên kết bookmarklet nằm ở đầu bài.)


Tôi dường như không thể làm cho cái thứ hai hoạt động.
BCS

1
Phiên bản "trình diễn neo" này được cải thiện rất nhiều từ bài đăng trên blog đó: gist.github.com/inkarkat/cd1d40996a1f818dfc71
Rich

1
Tôi đã làm một phiên bản tôi thích thậm chí còn tốt hơn. Thay vì hình ảnh của một mỏ neo, tôi đã tạo ra màn hình bookmarklet #theo sau là namehoặc idcủa phần tử: gist.github.com/LucasLarson/d5bd0881d8eb99d9fb254d28e7a315c4
Lucas



0

Câu trả lời của BCS thích nghi để làm việc với các khung:

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);})();
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.