웹 페이지에서 컨텐츠가 복사 될 때 텍스트 주입
-
05-07-2019 - |
문제
나는 "더 읽기 :"를 주입하는 AA 사이트를 만났다.
나는 전에 이것을 본 적이 없으며 코드를 심각하게 파헤치지 않고이 작업을 수행하는 코드를 찾을 수 없습니다.
누구든지 이것이 어떻게 이루어 졌는지 아는 사람이 있습니까?
예시: http://peaceful-parenting.suite101.com/article.cfm/how_to_keep_kids_from_climbing_on
텍스트 단락을 복사하여 다른 응용 프로그램에 붙여 넣으면 나중에 "더 읽기"라인이 있습니다.
해결책
Suite101은 제 3 자 서비스를 사용하고 있습니다 틴트.
Tynt의 JavaScript Snippet이 있습니다 http://tcr.tynt.com/javascripts/tracer.js
나는 당신을위한 출처를 탐구했습니다 ( 온라인 JavaScript Beautifier).
그래서 여기에 무슨 일이 일어나고 있는지 다음과 같습니다.
- 코드는 Mouseup, Mousedown 및 Copy와 같은 이벤트에서 활성화됩니다 (
startListeningForTraces
기능) - 사용자가 다양한 텍스트를 선택한 경우 다음과 같습니다.
- 귀속 링크에 대한 HTML과 선택적 CC 라이센스 URL을 만듭니다.
- 이 HTML을 선택에 추가하여 제로 크기 안에 넣습니다.
<div>
(화면에 보이지 않도록하기 위해) - Tynt의 서버에 복사 된 내용을보고합니다
Tynt의 코드는 브라우저 에서이 작업을 완벽하게 만들기 위해 엄청난 양의 작업을 수행합니다.
다른 팁
Tynt.com 인 것 같습니다. 텍스트를 페이지에서 복사하기위한 일종의 추적자입니다.
Tynt.com 사이트에서
트레이서는 콘텐츠를 복사하고 붙여 넣을 때 사이트에 다시 링크를 추가합니다. 더 읽기 : http://tracer.tynt.com/features-and-benefits-of-tracer#ixzz0mgae6z6yCreative Commons 라이센스에 따라 : 속성 파생물 없음
도대체 ... Tynt.com 사이트에서 복사 한 텍스트에 더 많은 읽기 링크와 CC 라이센스 제품을 추가했습니다.