2011-11-14 7 views
2

아마존은 브라우저 북마크 바에 추가 될 수있는 Universal Wishlist button을 가지고 있으며, 어떤 웹 사이트에서든 누르면 사용자가 현재보고있는 페이지의 세부 사항을 아마존에게 보냅니다. 그런 다음 Amazon은 페이지에서 제품 세부 사항을 추출하고 사용자의 희망 목록에 제품을 추가합니다."Universal Wishlist"유형 북마크 버튼 용 자바 스크립트 라이브러리?

내 사이트에서이 (또는 유사한) 기능을 복제 할 수있는 라이브러리가 있습니까? 아마 javascript를 사용하여 아마존의 코드를 복사하여 복제 할 수 있지만, 이것을 수행 할 라이브러리가 있거나 이미 적응할 수있는 비슷한 것이 있다면 내 시간을 낭비하고 싶지는 않습니다. 나는 또한이 유형의 북마크 버튼이 무엇인지 불리는 지 잘 모르므로 구글을 찾기가 어렵다.

감사합니다.

답변

1

bookmarklet입니다.

일반적으로 현재 페이지에서 스크립트를로드하는 링크입니다. 북마크를 클릭하면

<a href="javascript:(function(){var s=window.document.createElement('script');s.src = 'https://yourserver.com/your.js';window.document.body.appendChild(s);}())"> 
    drag this link to the bookmark bar 
</a> 

, 그것은 href에 간단한 자바 스크립트 코드를 실행합니다.

script 태그가 현재 페이지에 추가되었습니다. 그리고 URL을로드하십시오, 여기 https://yourserver.com/your.js.

your.js 파일 끝 부분에서 어떤 작업을 실행하는 함수를 호출 할 수 있습니다. 현재 페이지의 모든 리소스 (DOM, JS 및 쿠키)에 액세스 할 수 있습니다.

+0

좋습니다. 감사합니다. 제 자신의 저작물을 쓸데없이 쓰는 라이브러리를 알고 있습니까? JS 또는 서버 사이드 코드? – Crashthatch

+0

위 코드의 'href'에있는 자바 스크립트 만 있으면 북마크릿을로드 할 수 있습니다. 로드 한 JS 파일은 수행하려는 작업에 따라 호스트 페이지에서도 라이브러리를 가져올 수 있습니다. 예 : jQuery가 있는지 확인하고 그렇지 않은 경우로드하십시오. – Mic

관련 문제