deeplinks

deeplinks.js

deeplinks.js 사용하면 사람들이 웹 사이트의 텍스트 선택에 직접 링크 할 수 있습니다. 다음은이 링크 중 하나의 모습을 보여주는 예입니다. 그것은 주로 블로그 및 기타 웹 사이트를위한 것이지만, 실행중인 환경에 비교적 불가지론 적입니다.

사람들은 정상적으로 사이트에서 텍스트를 선택할 수 있으며, 그렇게하면 조각 식별자 (URL의 # 이후에 오는 것)가 변경됩니다. 그들이 선택한 텍스트를 공유하고 싶다면 URL을 복사하여 누군가에게 보냅니다. 그 사람이 URL을 방문하면 원래 선택한 것과 동일한 텍스트가 선택되어보기로 스크롤됩니다.

이 설명은 조금 복잡하게 들릴 수 있지만, 일단 연주하면 실제로 매우 간단하고 직관적입니다. 확인하십시오! 후드 아래에서 작동하는 방식에 대한 세부 사항을 알고 싶다면 docs/design/ 확인하십시오.

목표

• 플러그 앤 플레이. 파일을 복사하고 <script type="module" src="/deeplinks/deeplinks.js"></script> 웹 사이트에서 복사하면 작동합니다.
• 건장한. 업데이트는 이전 URL에 대한 링크를 중단하지 않습니다.
• 짧은 링크. 긴 URL은 추악하고 자주 메시징 앱으로 엉망입니다. URL은 짧고 앱을 잘못 행동하여 엉망이 될 수있는 문자를 포함하지 않아야합니다.
• 미묘한. 독자의 방식으로 들어 가지 않아야합니다. 정상적인 조각 식별기 링크를 깨뜨리지 않습니다.
• 합리적으로 작습니다. 지금은 약 1.7kb (1.6kb brotli)에 약 1.7kb가 gziped 고 너무 많이 자라서는 안됩니다.
• 빠른. 이것은 어렵지는 않지만 명시 적으로 만드는 것은 가치가 있습니다.

비가가

• Wikis와 같은 자주 변화하는 콘텐츠를 처리합니다. 가끔 소규모 편집에는 강력해야하지만 진정으로 강력한 딥 링크를 원한다면 저작 환경 (CRDT 등)의 지원이 필요합니다.
• 모든 usecase를 위해 일합니다. 나는 이와 같은 대본에 원하는 구체적인 것들이 있으며, 다른 사람들은 그들이 원하는 다른 것들을 가질 것입니다. 그 사람들은 그들 자신의 비슷한 대본을 구축해야합니다. 다양성은 좋습니다! 예를 들어, 이것은 의도적으로 WICG 텍스트 조각 인터페이스를 구현하지는 않지만, 내가 좋아하는 형태로 표준화되면 미래에 가능할 수 있습니다.

설치

먼저, 당신이 정말로 이것을하고 싶은지 고려하십시오. 그렇다면 새 URL을 만들고 있습니다. 사이트에서 스크립트를 제거하면 파손됩니다. URL을 깨는 것은 나를 슬프게 만들므로, 당신은 당신이 정말로 이것에 헌신하는지 아닌지에 대해 생각해야하며, 실제로 그것을 배치하기 전에 그것이 어떻게 느끼는지보기 위해 잠시 동안 현지에서 그것을 가지고 놀아야합니다.

당신이 확신하면 :

• 릴리스 페이지에서 가장 최근의 릴리스를 다운로드하십시오.
• 웹 사이트 어딘가에 zip 파일을 추출하십시오.
• HTML의 어느 곳에도 스크립트를 포함시킵니다.

   < script type =" module " src =" /deeplinks/deeplinks.js " > </ script >

  이것은 릴리스를 deeplinks 라는 디렉토리로 추출했다고 가정합니다. SRC를 다른 곳에두면 src 를 변경해야합니다. type="module" 포함 시키면 그렇지 않으면 작동하지 않습니다! 예를 들어 새 게시물을 게시 할 때 콘텐츠가 변경되는 페이지 매김 페이지에 자주 변경되지 않는 페이지에만 포함해야합니다.
• 작동하는지 테스트하십시오.
• 기분이 좋으면 웹 사이트 링크 로이 양식을 작성하십시오! (또는 Google 양식이 마음에 들지 않으면 저에게 이메일을 보내주십시오)