¿Qué es exactamente el hash de ubicación `#:~:text=` en una URL? [cerrado]
Hoy noté que algunas búsquedas en Google me daban enlaces a resultados con instrucciones aparentes para resaltar texto.
Google me llevó a ¿Cuál es el tamaño máximo de un archivo zip en Windows 10 Pro 64... en la siguiente URL:
https://superuser.com/questions/1305867/cuál-es-el-tamaño-máximo-de-un-archivo-zip-en-windows-10-pro-64-bit#:~:text=4%20GB %20size%20is%20a,sobre%2016%20exabytes%20size%20limitación
Experimenté un poco más y esto parece ser una característica de Google Chrome. Resalta el texto de la página si lo agrega #:~:text=somethinga la URL. https://example.com/#:~:text=domain parece funcionar bien, pero solo en Chrome (Chrome Beta a la izquierda, Firefox a la derecha).
La palabra textjunto con diferentes caracteres es un poco difícil de buscar en Google, por lo que no pude encontrar nada sobre el tema.
Para obtener más información sobre este tipo de "trucos de URL", quiero saber: ¿
Cómo se llama esta característica de Google Chrome?
Desplácese hasta el fragmento de texto
Vale, con la ayuda de un amigo y a la vez mediante un comentario de Berto99 lo encontré:
Aparentemente se trata de una función llamada Desplazarse hasta fragmento de texto . Está habilitado de forma predeterminada desde Chrome 80 , pero aparentemente aún no está implementado en otros navegadores.
Hay ejemplos bastante interesantes en el "Informe preliminar del grupo comunitario del W3C" . Se pueden encontrar más buenos ejemplos en Wikipedia .
Resaltar la primera aparición de un determinado texto.
Simplemente agréguelo #:~:text=<text>a la URL. La búsqueda de texto no distingue entre mayúsculas y minúsculas.
Ejemplo: https://ejemplo.com#:~:texto=dominio
Resaltar una sección completa de texto
Puede utilizar #:~:text=<first word>,<last word>para resaltar una sección completa de texto.
Ejemplo: https://stackoverflow.com/questions/62161819/what-exactly-is-the-text-location-hash-in-an-url/62162093#:~:text=Aparentemente , Wikipedia
Técnicas más avanzadas
- Prefijos y sufijos como el ejemplo sugerido en el repositorio para la sugerencia https://en.wikipedia.org/wiki/Cat#:~:text=Claws-,Like%20almost,the%20Felidae%2C,-cats textos según lo propuesto No parece funcionar para mí (¿todavía? Uso Chrome 83).
- Puede diseñar el aspecto del texto resaltado con CSS
:targety puede desactivar su sitio web para que esta característica ya no funcione con él.