HTML 페이지에 앵커를 표시하는 플러그인?


21

나는 종종 웹 페이지의 중간에 저를 떨어 뜨릴 링크를 찾고 있습니다. 페이지에 필요한 <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
감사. 안타깝게도 이것은 프레임 또는 제목 앵커와 함께 작동하지 않는 것 같습니다 (예를 들어 <A>가 아니라 H1에 앵커 할 수 있음)
rustyx

@rustyx, 나는 그것을하는 방법에 대한 예를 찾지 못했습니다.
BCS

1
@rustyx- h1 앵커를 지원하는 더 나은 버전 은 gist.github.com/inkarkat/cd1d40996a1f818dfc71 참조
Rich

답변:


9

웹 개발 책갈피 에는 각 앵커에 링크를 삽입하는 이름 지정된 앵커라는 JavaScript 책갈피 가 있습니다 <a name="">. 북마크를 사용하려면 북마크를 즐겨 찾기 메뉴 또는 링크 모음에 추가하십시오. 그런 다음 모든 페이지에서 "명명 된 앵커"책갈피를 클릭하여 현재 페이지에 링크를 삽입하십시오. 그러나 Wikipedia 또는 id태그 속성을 앵커로 사용하는 다른 사이트에서는 작동하지 않습니다 .

편집 :
쇼 앵커는 더 현대 북마크 것을 보여준다 모두 <a name="">id앵커 아이콘 요소. 아이콘은 북마크에 data:URL로 포함되므로 이전 브라우저에서는 작동하지 않을 수 있습니다. (책갈피 링크는 게시물 맨 위에 있습니다.)


나는 두 번째 작품을 만들 수없는 것 같습니다.
BCS

1
"show anchors"버전은 블로그 게시물에서 크게 개선되었습니다 : gist.github.com/inkarkat/cd1d40996a1f818dfc71
Rich

1
더 좋아하는 버전을 만들었습니다. 앵커의 이미지 대신에 북마크릿 표시 #다음에 name또는 id요소를 표시했습니다. gist.github.com/LucasLarson/d5bd0881d8eb99d9fb254d28e7a315c4
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.