The Computer Oracle

plugin to show anchors in an HTML page?

--------------------------------------------------
Rise to the top 3% as a developer or hire one of them at Toptal: https://topt.al/25cXVn
--------------------------------------------------

Music by Eric Matyas
https://www.soundimage.org
Track title: Popsicle Puzzles

--

Chapters
00:00 Plugin To Show Anchors In An Html Page?
00:41 Accepted Answer Score 8
01:25 Answer 2 Score 6
01:34 Answer 3 Score 0
01:44 Answer 4 Score 0
01:58 Thank you

--

Full question
https://superuser.com/questions/192980/p...

--

Content licensed under CC BY-SA
https://meta.stackexchange.com/help/lice...

--

Tags
#browseraddons

#avk47



ACCEPTED ANSWER

Score 8


Web Development Bookmarklets has a JavaScript bookmarklet called named anchors that will insert links at each <a name=""> anchor. To use the bookmarklet, add it to your favorites menu or links bar. Then, on any page, click on the "named anchors" bookmark to insert links into the current page. However, it doesn't work on Wikipedia or other sites that use id attributes of tags as anchors.

Edit:
Show Anchors is a more modern bookmarklet that shows both <a name=""> and id elements with an anchor icon. The icon is embedded in the bookmarklet as a data: URL, so it might not work in older browsers. (The bookmarklet link is at the very top of the post.)




ANSWER 2

Score 6


The Show Anchors 2 add-on does just that on Firefox.




ANSWER 3

Score 0


Display Anchors seems to be the most popular Chrome plugin.




ANSWER 4

Score 0


BCS's answer adapted to work with frames:

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