Botón de volver arriba

**Extensión:** Botón para Desplazarse al Inicio

**Lo que hace:** Botón flotante para desplazarse al inicio en todos los sitios web con control por sitio y cuadrícula de posicionamiento de 9 puntos.

¿Cansado de desplazarte sin fin solo para volver al principio de una página? El Botón para Desplazarse al Inicio añade un botón flotante y elegante a cualquier sitio web. Un toque y estarás de vuelta al principio con una animación de desplazamiento suave. Ligera, privada y completamente bajo tu control.

✨ CARACTERÍSTICAS CLAVE

⬆️ Botón Flotante para Desplazarse al Inicio — Un botón circular y limpio con un icono de chevron aparece cuando te desplazas hacia abajo. Haz clic para desplazarte suavemente de nuevo al principio de la página. Simple, rápido, efectivo.

🎯 Habilitar/Deshabilitar por Sitio — El botón está deshabilitado por defecto en cada sitio. Tú eliges exactamente dónde aparece. Abre la ventana emergente, haz clic en el interruptor para el sitio actual, listo. Sin desorden en sitios donde no lo necesitas.

📐 Cuadrícula de Posicionamiento de 9 Puntos — Coloca el botón en cualquier parte de la pantalla usando una cuadrícula visual de 3x3: arriba, centro o abajo combinado con izquierda, centro o derecha. Nueve posiciones posibles. Elige el lugar que mejor funcione para cada diseño de página.

📌 Memoria de Posición por Sitio — Distintos sitios, distintos diseños. Configura el botón en la parte inferior derecha en un sitio y en la parte superior izquierda en otro. El Botón para Desplazarse al Inicio recuerda la posición de cada sitio de forma independiente, para que tus preferencias siempre sean respetadas.

🛡️ Aislamiento Shadow DOM — El botón vive dentro de un contenedor Shadow DOM, completamente aislado del CSS de la página anfitriona. Esto significa cero conflictos de estilo — el botón se ve y funciona perfectamente en cada sitio web, sin importar cuán complejo sea el estilo de la página.

🌙 Soporte de Modo Oscuro — Se adapta automáticamente al esquema de color de tu sistema. Fondo claro en modo claro, efecto de cristal translúcido en modo oscuro. También detecta el atributo html[dark] utilizado por muchos sitios web para los interruptores manuales de modo oscuro.

🌍 55 Idiomas — La ventana emergente de la extensión y todo el texto de la interfaz están completamente localizados en 55 idiomas, incluyendo inglés, español, francés, alemán, japonés, coreano, chino (simplificado y tradicional), árabe, hindi, ruso, portugués y muchos más.

♿ Accesible con Teclado — El botón para desplazarse al inicio soporta la navegación con teclado. Usa la tecla Tab para seleccionarlo, presiona Enter o Espacio para activarlo. Incluye un rol y etiqueta ARIA adecuados para lectores de pantalla.

🎯 CÓMO FUNCIONA

1. Instalar — Haz clic en "Añadir a Chrome" y la extensión estará lista. No se necesita cuenta, no hay registro, ni asistente de configuración.

2. Visita cualquier sitio web — Navega a una página donde quieras que aparezca el botón para desplazarse al inicio.

3. Habilita el sitio — Haz clic en el icono del Botón para Desplazarse al Inicio en tu barra de herramientas. Pulsa el interruptor para habilitar el botón en el sitio actual. El botón flotante aparece inmediatamente.

4. Elige una posición — Usa la cuadrícula de 3x3 en la ventana emergente para colocar el botón exactamente donde lo quieres en la pantalla. Tu elección se guarda para este sitio específico.

5. Desplázate y haz clic — Desplázate por cualquier página. Cuando pases el umbral de desplazamiento, el botón aparece suavemente con una animación fluida. Haz clic para deslizarte de vuelta al principio. Eso es todo.

🔒 PRIVACIDAD Y SEGURIDAD

El Botón para Desplazarse al Inicio está construido con la privacidad como principio fundamental. Aquí te mostramos exactamente qué hace y qué no hace esta extensión:

🚫 No hay seguimiento — No hay código de análisis, telemetría ni estadísticas de uso. Nada se mide ni se reporta.

🚫 No hay recopilación de datos — Tu historial de navegación, la lista de sitios habilitados y las preferencias de posición nunca salen de tu navegador. Todo se almacena localmente en el almacenamiento de sincronización de Chrome.

🚫 No hay solicitudes externas — La extensión no realiza ninguna solicitud de red. No hay servidores remotos, CDNs ni scripts de terceros. Cada recurso —fuentes, iconos, estilos— se incluye directamente en la extensión.

🚫 No hay anuncios — Sin publicidad, sin contenido patrocinado, sin monetización de ningún tipo.

📋 Explicación de los Permisos:
• storage — Se utiliza para guardar la lista de sitios habilitados y las preferencias de posición del botón. Estos datos se sincronizan entre tus instancias de Chrome a través de la sincronización incorporada de Chrome, pero nunca se envían a ningún servidor externo.
• activeTab — Se utiliza para detectar el nombre de host de la pestaña actual para que la ventana emergente pueda mostrar si el sitio está habilitado y permitirte activarlo/desactivarlo. Este permiso no concede acceso al contenido de la página.

Eso es todo. Dos permisos, ambos esenciales, ambos mínimos.

💡 CASOS DE USO

📰 Sitios de Noticias y Artículos — Los artículos de formato largo en sitios como Medium, portales de noticias y blogs a menudo requieren un desplazamiento extenso. Habilita el botón en tus sitios de lectura favoritos y salta al menú de navegación o al titular al instante.

🛒 Compras y Comercio Electrónico — Las páginas de listado de productos en Amazon, eBay, Etsy y otros mercados pueden ser interminables. El botón para desplazarse al inicio te permite volver rápidamente a los filtros, barras de búsqueda y navegación por categorías sin desplazarte manualmente.

📱 Feeds de Redes Sociales — Feeds de desplazamiento infinito en Reddit, Twitter/X, Hacker News y foros. Después de desplazarte por docenas de publicaciones, un clic te lleva de vuelta al principio para actualizar o navegar.

📚 Documentación y Referencia — Documentación técnica, referencias de API, artículos de Wikipedia y trabajos de investigación con contenido extenso. Coloca el botón en una esquina conveniente y salta entre secciones de manera eficiente.

💬 Foros y Hilos de Comentarios — Hilos de discusión largos en Stack Overflow, problemas de GitHub o foros de la comunidad. Desplázate por las respuestas y comentarios, luego regresa instantáneamente a la pregunta o publicación original.

⭐ POR QUÉ ELEGIR EL BOTÓN PARA DESPLAZARSE AL INICIO

🎛️ Opt-In, No Opt-Out — La mayoría de las extensiones para desplazarse al inicio inyectan botones en cada página. El Botón para Desplazarse al Inicio adopta el enfoque opuesto: deshabilitado por defecto, activado solo donde lo quieras. Tu navegador permanece limpio.

🧩 Aislamiento CSS Verdadero — Shadow DOM no es solo una palabra de moda aquí. El botón se renderiza dentro de una raíz sombra cerrada, lo que significa que absolutamente ningún CSS de la página anfitrante puede afectarlo, y los estilos del botón no pueden salirse. Este es el enfoque de ingeniería correcto, y la mayoría de las extensiones competidoras lo omiten por completo.

📐 Posicionamiento Flexible — Nueve posiciones en lugar de las típicas una o dos. La parte inferior derecha no siempre es el mejor lugar; algunos sitios tienen widgets de chat, banners de cookies o elementos flotantes en esa esquina. Mueve el botón donde mejor se ajuste.

🧠 Inteligencia por Sitio — La extensión recuerda no solo qué sitios están habilitados, sino también la posición del botón para cada sitio individual. Configúralo una vez, olvídate de ello.

⚡ Cero Impacto en el Rendimiento — No hay scripts en segundo plano ejecutándose, no hay conexiones persistentes, no hay temporizadores. El script de contenido utiliza un oyente de desplazamiento pasivo y solo se activa cuando la página está en la lista de habilitados. Si el sitio no está habilitado, el botón está oculto y el script está esencialmente inactivo.

🔄 Actualizaciones en Vivo — Cuando cambias la configuración en la ventana emergente, el botón en la página se actualiza inmediatamente. No es necesario actualizar la pestaña.

📋 DETALLES TÉCNICOS

• Manifest V3 — Construido sobre la última plataforma de extensiones de Chrome para mejorar la seguridad y el rendimiento.
• Navegadores Compatibles — Google Chrome, navegadores basados en Chromium (Edge, Brave, Opera, Vivaldi, Arc).
• Inyección de Script de Contenido — Se ejecuta en document_idle para un impacto cero en el tiempo de carga de la página.
• Umbral de Desplazamiento — El botón aparece después de desplazarse 300 píxeles, evitando que se muestre en páginas cortas.
• Animación — Desaparición suave con transición translateY. El comportamiento de desplazamiento utiliza la API nativa de desplazamiento suave.
• Almacenamiento — El almacenamiento de sincronización de Chrome garantiza que tu configuración te siga a través de los dispositivos donde has iniciado sesión en Chrome.
• Sin Paso de Construcción — JavaScript puro. Sin frameworks, sin empaquetadores, sin dependencias.
• Ligero — Toda la extensión ocupa menos de 500KB, incluyendo los 55 archivos de idioma y las fuentes agrupadas.

🚀 EMPIEZA

Haz clic en "Añadir a Chrome" para instalar el Botón para Desplazarse al Inicio. No hay nada que configurar de antemano, simplemente navega con normalidad. Cuando llegues a una página donde quieras el botón, haz clic en el icono de la extensión y actívalo para ese sitio. Elige tu posición preferida y listo. La extensión recordará tu elección y el botón estará allí cada vez que la visites.

Hecho con cariño por PYROCTAL.