Microsoft ha sorprendido al mundo tecnológico con el lanzamiento de una nueva actualización en su navegador Edge 140, que introduce la función highlightsFromPoint() dentro del API de Resaltado Personalizado de CSS. Esta herramienta está diseñada para los desarrolladores, permitiendo localizar de manera precisa los resaltados de texto en coordenadas específicas de la pantalla.
El API de Resaltado Personalizado de CSS ayuda a los desarrolladores a crear resaltados en rangos de texto arbitrarios sin modificar el Document Object Model (DOM). Mediante objetos de tipo Range y su registro en CSS.highlights, los desarrolladores pueden aplicar estilos visuales a través del pseudo-elemento ::highlight(). Este sistema es particularmente beneficioso para editores de texto del lado del cliente que requieren de un estilo dinámico.
Con highlightsFromPoint(), se simplifica la tarea de identificar los resaltados personalizados en puntos específicos, permitiendo alterar su apariencia o añadir elementos interactivos. Esta innovación es especialmente útil para funciones como la verificación ortográfica, edición colaborativa y la implementación de menús contextuales, enriqueciendo la interacción del usuario con el texto resaltado.
El método no solo detecta resaltados sino también sus rangos de texto tanto en el DOM como en el Shadow DOM, eliminando la necesidad de complejas soluciones de código. Esto facilita el desarrollo de funcionalidades interactivas y es especialmente ventajoso cuando se trata de gestionar resaltados superpuestos.
Además, esta actualización trae a la mente otras APIs afines que ofrecen información del DOM basada en coordenadas en pantalla, útiles para interacciones como clics o desplazamientos, ya que permiten precisar ubicaciones sin referencias explícitas a elementos.
Microsoft ha puesto a disposición de los desarrolladores diversas demostraciones y ejemplos para explorar esta nueva API, mostrando su potencial cuando se combina con otras herramientas interactivas en el navegador.
La empresa invita a la comunidad de desarrolladores a compartir sus experiencias, sugerencias y a reportar cualquier inconveniente encontrado en el funcionamiento del nuevo API.
