웹 페이지의 특정 지점으로 직접 이동하는 링크를 생성하고 싶었던 적이 있으신가요? Chrome 80 버전부터는 “텍스트 조각으로 스크롤”이라는 새로운 기능이 도입되었습니다.
이 멋진 기능은 웹사이트 개발자가 특별히 설정을 변경할 필요 없이, 모든 웹사이트 페이지에 딥 링크를 걸 수 있게 해줍니다. 다만, 이 기능은 현재 Chrome 80 이상 버전에서만 작동합니다. (Chrome 브라우저의 설정에서 “Chrome 정보”를 확인하여 최신 버전인지 확인해 주세요.)
텍스트 조각 스크롤 링크 생성 방법
아래 링크를 클릭하여 Chrome 브라우저를 통해 이 기능이 어떻게 작동하는지 직접 확인해 보세요. 링크를 누르면 웹페이지가 로드된 후 자동으로 페이지 하단으로 이동하며, “회사 소개”라는 텍스트가 강조 표시됩니다.
wdzwdz.com/#:~:text=about%20us
웹사이트에서 특별히 이 기능을 활성화하기 위한 별도의 조치를 취하지 않았습니다. Chrome 브라우저는 URL 주소 끝에 붙은 특정 매개변수를 자동으로 인식합니다. 웹페이지 로딩 후, 해당 URL에 지정된 텍스트가 포함된 부분으로 이동하여 강조 표시해주는 방식입니다.
업데이트: 구글은 사용자 편의를 위해 브라우저 확장 프로그램과 북마크 기능을 제공하여 이 과정을 더욱 간편하게 만들었습니다. 이제 링크를 직접 생성할 필요 없이 편리하게 사용할 수 있습니다.
가장 기본적인 사용법은 웹페이지 URL 주소 뒤에 #:~:text=원하는단어 를 추가하는 것입니다. 이때, 공백은 “%20″으로 대체해야 합니다.
예를 들어, 위키피디아의 강아지 문서에서 “competitions”라는 단어로 바로 이동하는 링크를 만들고 싶다면, 주소 https://en.wikipedia.org/wiki/Dog 뒤에 #:~:text=competitions 를 추가하면 됩니다. 완성된 링크는 다음과 같습니다.
https://en.wikipedia.org/wiki/Dog#:~:text=competitions
이 기능은 단순한 단어뿐만 아니라 더 복잡한 문구도 인식할 수 있습니다. 복잡한 문서에서 특정 부분을 찾을 때 아주 유용합니다. 더 자세한 기술 정보는 텍스트 조각 표준 문서에서 확인하실 수 있습니다.
이 기능의 개인 정보 보호 문제에 대한 논의도 있었지만, 현재는 안정적인 버전인 Google Chrome 80부터 사용 가능합니다. 아직 다른 브라우저에서는 지원되지 않고 있습니다.