Safari tiene una nueva característica importante para tu iPhone, algo que cambiará la forma en que compartes, recibes e interactúas con enlaces. y nadie habla de eso. La función funciona en el último software de iOS, así como en las últimas versiones de iPadOS y macOS. Aún así, no encontrarás ninguna información al respecto en la aplicación o configuración de Safari, por lo que está bastante oculto si aún no lo has visto por accidente.
1. Los conceptos básicos de los fragmentos de URL
Probablemente lo hayas encontrado muchas veces: una página web con una tabla de contenido que enlaza directamente con partes específicas de la página web. Wikipedia es famosa por ello, ya que hace que la búsqueda de información sea más accesible cuando sabes lo que estás buscando. Simplemente toque o haga clic en un enlace para ir al lugar correcto sin tener que desplazarse hacia abajo y encontrarlo usted mismo.
Sin entrar en demasiados detalles, estos enlaces de salto se deben a fragmentos, una parte opcional de una URL que viene después delesquema, autoridad, ruta y partes de consulta. El signo numérico o almohadilla (#) es el identificador del fragmento y lo que sigue enlaza a una sección específica del documento web. Estos están codificados en la página web y tienen un enlace profundo a un atributo de "id" particular, por lo que simplemente escribir un # seguido de una palabra o frase no hará nada a menos que esté usando la etiqueta de anclaje asignada.
https://en.wikipedia.org/wiki/WonderHowTo#WonderHowTo_Network
|___| |______________||_______________||__________________|
| | | |
scheme authority path fragmentGadget Hacks también utiliza fragmentos de URL para llevarlo directamente a partes importantes de un artículo cuando toca o hace clic en el hipervínculo. Por ejemplo, el siguiente enlace te lleva directamente al noveno hechizo de nuestra guía sobre hechizos de Harry Potter para Siri.
https://gadgethacks.com/how-to/potter-spells-0384951#jump-9heysirihomenumrevelioEstos enlaces son muy útiles al navegar por la web, pero no todos los sitios web los utilizan. Ahí es donde entran los fragmentos de texto, una especificación propuesta por elGrupo comunitario de incubadora web(WICG) que le permite vincular o ir a una parte específica de casi cualquier página web sin la necesidad de etiquetas de anclaje integradas.
2. Los fragmentos de texto hacen la vida más fácil
La especificación de fragmentos de texto propuesta ya ha sido adoptada por Google Chrome desde principios de 2020 y también funciona con Microsoft Edge. Mozilla Firefox esno actualmenteadmitiéndolo, pero Apple se unió a Safari 16.1, que vino con la actualización de iOS 16.1 el 24 de octubre de 2022 (también está disponible en iPadOS 16.1 y posteriores y macOS 13.0 y posteriores).
- No te pierdas: 26 funciones y mejoras del gran iPhone en iOS 16.1
La sintaxis de los fragmentos de texto es bastante simple, como se ve a continuación. Comienza con el#como lo hacen todos los fragmentos, luego usa:~:texto=(la directiva de fragmento) para indicar que el siguiente texto codificado en porcentaje debe encontrarse, resaltarse e inmediatamente desplazarse automáticamente. También hay algunas otras opciones que le ayudarán a resaltar un bloque completo de texto o encontrar texto específico en lugar de su primera aparición.
Está reservado para instrucciones del agente de usuario, como text=, y se elimina de la URL durante la carga para que los scripts del autor no puedan interactuar directamente con él. Las instrucciones del agente de usuario también se denominan directivas. En el caso concreto, text= se denomina directiva de texto.
#:~:text=textStart
Links to and highlights the first
instance of an exact text match.
#:~:text=textStart,textEnd
Links to and highlights a block of
text that starts with the word(s)
before the comma and ends with the
word(s) after the comma.
#:~:text=prefix-,text
Links to and highlights the text
after the comma, with the
prefix- word(s) helping to
find the right text (when the text
appears multiple times).
#:~:text=text,-suffix
Links to and highlights the text
before the comma, with the
-suffix word(s) helping to
find the right text (when the text
appears multiple times).
#:~:text=prefix-,text,-suffix
Links to and highlights the text
between the commas, with the
prefix- and -suffix word(s) helping
to find the right text (when the
text appears multiple times)
#IDattribute:~:text=AnyOfTheAbove
Links to an anchor tag embedded
on the document and highlights
whatever fragment text style
you choose; The anchor tag acts
as a backup against future
text changes by the author.3. Fragmentos de texto en iOS 16.0.3 y versiones anteriores frente a iOS 16.1
La página se carga en iOS 16.0.3 y versiones anteriores cuando se abre una URL formateada con fragmentos de texto, pero no sucede nada especial (GIF a la izquierda a continuación). Con Safari en iOS 16.1, la URL única formateada para resaltar texto específico en la página web salta directamente a esa parte del artículo, resaltando el texto (GIF a la derecha debajo).
- No te pierdas: iOS 16.2 tiene 39 cambios enormes que debes conocer antes de actualizar tu iPhone
No funciona en iOS 16.0.3 y versiones anteriores (izquierda) versus funciona en iOS 16.1 (derecha).
4. Ejemplos de usos de fragmentos de texto
El siguiente enlace a nuestra lista de hechizos de Harry Potter para Siri te lleva directamente a las palabras "El hechizo revelador de la presencia humana.”para el noveno hechizo.
Example of #:~:text=textStart
-----------------------------
#:~:text=the%20human%2Dpresence%2Drevealing%20spell
Link
----
https://gadgethacks.com/how-to/potter-spells-0384951#:~:text=the%20human%2Dpresence%2Drevealing%20spellLos siguientes enlaces resaltantodo el párrafo del noveno hechizoantes de las acciones con viñetas. Si bien los caracteres comercial (%26) y coma (%2C) deben estar codificados en porcentaje, el punto (%2E), el guión (%2D) y las comillas (%22) no tienen que estar codificados en la mayoría de los escenarios.
Examples of #:~:text=textStart,textEnd
--------------------------------------
#:~:text=%22Homenum,Friends%20app%2E
#:~:text="Homenum,Friends%20app.
Links
-----
https://gadgethacks.com/how-to/potter-spells-0384951#:~:text=%22Homenum,Friends%20app%2E
https://gadgethacks.com/how-to/potter-spells-0384951#:~:text="Homenum,Friends%20app.Por ejemplo, si copia un enlace a continuación que termina en un punto (.), puede pegarlo en Safari y hacer que funcione bien. Sin embargo, si lo comparte a través de Mensajes, la aplicación reconocerá y separará el punto como parte del texto de su mensaje, eliminándolo de la URL.
#:~:text=textInicio (izquierda) | #:~:text=textInicio,textEnd (derecha)
Y el siguiente enlace destacatodo el noveno hechizo, desde el encabezado de la sección hasta la última parte de la última línea de viñeta.
Examples of #:~:text=textStart,textEnd
--------------------------------------
#:~:text=9,action.
#:~:text=9,action%2E
Links
-----
https://gadgethacks.com/how-to/potter-spells-0384951#:~:text=9,action.
https://gadgethacks.com/how-to/potter-spells-0384951#:~:text=9,action%2EAhora, si quiero vincular las palabras“contactos de emergencia” en el hechizo 14en lugar de en el hechizo 12 donde aparecen por primera vez, puedo usar las partes de prefijo y sufijo para saltar de la primera instancia a la segunda. Para eso, el siguiente enlace funciona.
Examples of #:~:text=prefix-,text,-suffix
-----------------------------------------
#:~:text=chosen-,emergency%20contacts,-.
#:~:text=chosen-,emergency%20contacts,-%2E
Links
-----
https://gadgethacks.com/how-to/potter-spells-0384951#:~:text=chosen-,emergency%20contacts,-.
https://gadgethacks.com/how-to/potter-spells-0384951#:~:text=chosen-,emergency%20contacts,-%2EJustousando “elegido-” como prefijo-sin indicar un sufijo también nos llevará allí.
Example of #:~:text=prefix-,text
--------------------------------
#:~:text=chosen-,emergency%20contacts
Link
----
https://gadgethacks.com/how-to/potter-spells-0384951#:~:text=chosen-,emergency%20contacts
#:~:text=textStart,textEnd (izquierda) | #:~:text=prefijo-,texto,-sufijo o #:~:text=prefijo-,texto (derecha)
Peroomitiendo el prefijo -y usando "." como el sufijoNos llevará al hechizo número 12, ya que es el primer caso en el que los “contactos de emergencia” van seguidos de un punto.
Examples of #:~:text=text,-suffix
---------------------------------
#:~:text=emergency%20contacts,-.
#:~:text=emergency%20contacts,-%2E
Links
-----
https://gadgethacks.com/how-to/potter-spells-0384951#:~:text=emergency%20contacts,-.
https://gadgethacks.com/how-to/potter-spells-0384951#:~:text=emergency%20contacts,-%2ELos fragmentos de texto también funcionan con fragmentos normales codificados por el sitio. Entonces, si el texto alguna vez cambia en el fragmento de texto, aún lo dirigirá a la sección con un atributo "id" coincidente en la página. Los enlaces siguientes le llevarán directamente ael noveno hechizo de nuestra guía sobre hechizos de Harry Potter para Siriy resalte todo el primer párrafo debajo del título.
Examples of #IDattribute:~:text=textStart
-----------------------------------------
#jump-9heysirihomenumrevelio:~:text=%22Homenum,Friends%20app%2E
#jump-9heysirihomenumrevelio:~:text=%22Homenum,Friends%20app.
Links
-----
https://gadgethacks.com/how-to/potter-spells-0384951#jump-9heysirihomenumrevelio:~:text=%22Homenum,Friends%20app%2E
https://gadgethacks.com/how-to/potter-spells-0384951#jump-9heysirihomenumrevelio:~:text=%22Homenum,Friends%20app.
#:~:texto=texto,-sufijo (izquierda) | #IDattribute:~:text=textStart (derecha)
5. Si los fragmentos de texto no le funcionan
Safari ha tenido una función experimental “Desplazarse hasta fragmento de texto” que puede activar desde iOS 15.4, pero hasta ahora solo era beneficiosa para los desarrolladores. Antes de iOS 16.1, estaba deshabilitado de forma predeterminada, pero ahora está habilitado de forma predeterminada.
Si se metió en el menú de funciones experimentales de WebKit de Safari y accidentalmente desactivó "Desplazarse hasta fragmento de texto", puede volver a activarlo yendo a Configuración?> Safari?> Avanzado?> Funciones experimentales?> Desplazarse hasta fragmento de texto. En lugar de activarlo, también puede desplazarse hasta el final de la lista y presionar "Restablecer todo a los valores predeterminados".
6. Formatear fragmentos de texto para compartir
Como puede ver en la sintaxis anterior, formatear un fragmento de texto para resaltarlo es relativamente simple si está acostumbrado a codificar URL con porcentajes. De lo contrario, es un poco complicado de recordar.
Desafortunadamente, no existe una manera fácil de copiar una URL para una sección que desea resaltar en Safari como ocurre en Chrome. En Google Chrome para iOS, puedes resaltar el texto y luego elegir "Crear enlace" en el menú contextual que aparece. Esa opción no aparece en Safari.
Crear un enlace de fragmento de texto en Chrome y compartirlo con WhatsApp.
Puede intentar resaltar texto en Safari y luego presionar el botón compartir, pero no hace nada especial con la URL, aunque le dará una vista previa de texto enriquecido para aplicaciones de Apple como Mensajes, Correo y Notas con el texto resaltado en un bloque de cotización. Usar "Compartir" en el menú contextual solo copiará el texto.
Una solución alternativa hasta que Apple implemente una forma sencilla de copiar y compartir fragmentos de texto es utilizar un acceso directo. Puedes probar elCompartir fragmentos de textoacceso directo, que da formato a las URL utilizando el#:~:texto=textoIniciocodificación vista arriba. Cualquier prefijo, sufijo o final de texto que desee agregar, tendrá que hacerlo manualmente hasta que aparezca un atajo mejor. Puedo actualizar mi acceso directo cuando tenga tiempo para profundizar, pero eres más que bienvenido a intentarlo.
- Enlace de acceso directo de iCloud:Compartir fragmentos de texto
