Cómo usar Tabs Manager

Empezar

Instalar y abrir

Tabs Manager es una extensión para Google Chrome 116 o posterior (y navegadores basados en Chrome).

• Abre la página de Tabs Manager en Chrome Web Store y haz clic en Añadir a Chrome.
• Fija la extensión: haz clic en el icono de pieza de puzle de la barra de herramientas y luego en la chincheta junto a Tabs Manager.
• Haz clic en el icono de Tabs Manager: la extensión se abre en el panel lateral de Chrome, junto a la página que estás leyendo. Permanece abierto mientras navegas.
• La barra superior del panel da acceso a todo: copiar el enlace de la página, páginas de Chrome, herramientas para desarrolladores, notas, reproductor y ajustes.

Ninguna cuenta que crear y nada que configurar: la extensión funciona en cuanto se instala.

Pestañas

Pestañas ordenadas por sitio

El bloque Current tabs muestra cada pestaña abierta agrupada por sitio, de modo que diez pestañas del mismo sitio ocupan una sola línea hasta que lo despliegas.

• Cada sitio muestra su icono, su dirección y el número de pestañas abiertas en él.
• Haz clic en un sitio para desplegar sus pestañas y en una pestaña para ir a ella.
• Cierra una pestaña desde el panel, sin buscarla en la barra de pestañas.
• El campo de búsqueda filtra el panel mientras escribes.
• Una pestaña que cambia de sitio (un enlace abierto en una pestaña nueva) pasa sola a su nuevo grupo.

Varias ventanas

Con más de una ventana de Chrome abierta, cada ventana recibe un número y un color.

• Cada pestaña muestra el color de su ventana, con una franja y una etiqueta de color.
• La leyenda bajo Current tabs enumera las ventanas: haz clic en una para traerla al frente.
• Al hacer clic en una pestaña de otra ventana, se activa la pestaña y se enfoca su ventana.

La extensión solo ve las pestañas de su propio perfil de Chrome: las ventanas de otro perfil no aparecen.

Arrastrar y soltar

Reorganiza tus pestañas sin tocar la barra de pestañas.

• Suelta una pestaña sobre otra para colocarla a su lado, en la misma ventana o en otra.
• Suelta una pestaña sobre una ventana de la leyenda para enviarla al final de esa ventana.
• Suelta una pestaña sobre New window (visible mientras arrastras) para abrirla en una ventana propia.

Chrome no permite mover una pestaña entre una ventana normal y una ventana de incógnito.

Pestañas duplicadas

¿Has abierto la misma página tres veces? Tabs Manager puede cerrar las copias por ti.

• Pon Allow tabs duplicates en No: las pestañas sobrantes de una misma página se cierran y se conserva la activa o la más reciente.
• Elige la regla que define un duplicado: mismo sitio (host) o misma dirección (sin el #ancla, el protocolo ni la barra final).
• Permite duplicados sitio por sitio, para los sitios en los que de verdad necesitas varias pestañas.
• Las pestañas fijadas y las que reproducen sonido nunca se cierran como duplicados.
• Acceso rápido y favoritos: cuando no se permiten sus duplicados, sus páginas se ocultan de Current tabs y al hacer clic en su icono se muestra la pestaña ya abierta en lugar de abrir una nueva.

Ajuste: Settings › Tabs duplicates

Cerrar pestañas inactivas

Las pestañas que no has mirado desde hace horas pueden cerrarse automáticamente.

• Indica un número de horas en Current tabs closing delay; 0 lo desactiva.
• El plazo cuenta desde la última vez que usaste la pestaña, no desde que se abrió.

Una pestaña cerrada puede perder contenido no guardado (un formulario, un borrador): elige un plazo que se adapte a tu forma de trabajar.

Ajuste: Settings › General

Vista dividida

Muestra dos pestañas una al lado de otra en un clic, con el botón de división de una pestaña.

• La pestaña en la que haces clic se empareja con la pestaña activa de la ventana.
• A partir de Chrome 155, Tabs Manager usa la vista dividida nativa de Chrome.
• En versiones anteriores, las dos pestañas se colocan en dos ventanas, cada una en una mitad de la pantalla.
• Vuelve a hacer clic en el botón de una pestaña dividida para terminar la división.

En cada pestaña

Contadores de no leídos

Muchos sitios escriben un contador en su título, como (3) Bandeja de entrada. Tabs Manager lo convierte en un indicador rojo.

• El indicador aparece en la pestaña, en el grupo de su sitio y en el acceso rápido y los favoritos correspondientes.
• Sigue el título en directo: los mensajes nuevos aparecen sin recargar nada.

Tiempos de carga

Dos pequeñas etiquetas bajo cada pestaña indican lo rápido que cargó la página, medido por el propio navegador.

• La primera es el tiempo de respuesta del servidor (tiempo hasta el primer byte).
• La segunda es el tiempo desde el HTML hasta que la página está lista.
• Útil para detectar un sitio lento, o para vigilar tus propios sitios mientras los desarrollas.

Ajuste: Settings › Display › Show load times

Vista previa del sitio

Deja el ratón un momento sobre una pestaña para ver una tarjeta con el título, la descripción y la imagen para compartir de la página.

• La información procede de los metadatos públicos de la página (título, descripción, palabras clave, imagen).
• No se descarga nada de la red: la extensión lee lo que la página ya ha cargado.

Ajuste: Settings › Display › Show a site preview on hover

Control multimedia

¿Qué pestaña reproduce ese vídeo? Un indicador en su icono te lo dice, y puedes controlarlo desde el panel.

• Aparece un indicador de reproducción en las pestañas que reproducen audio o vídeo.
• Los botones de reproducir, pausar y silenciar actúan sobre el contenido de la pestaña sin salir de la página en la que estás.
• Los vídeos decorativos (bucles sin sonido, reproductores diminutos) se ignoran.

Organizar

Acceso rápido y favoritos

Ten los sitios que usas a diario a un clic.

• Quick access: una fila de iconos de sitios en la parte superior del panel. Añade la página actual en un clic.
• Favorites: enlaces ordenados en espacios (uno por proyecto, cliente o tema), cada uno con su propia lista de enlaces.
• El acceso rápido y los favoritos se guardan como marcadores de Chrome, en una carpeta dedicada: siguen a tu perfil de Chrome.
• Un botón de notas en cada favorito abre sus propias notas (ver Notas).

Notas y notas fijadas

Apunta lo que necesites sin salir de la página en la que trabajas.

• Abre Notes desde la barra superior: cada nota tiene un título y una descripción opcional.
• Filtra las notas, edítalas, copia una nota o todas en un clic. Ctrl + Intro añade una nota.
• Cada favorito tiene sus propias notas, con un contador en su botón.
• Fija una nota (o una tarea) con la chincheta: aparece en el inicio del panel, encima de Quick access.
• Open in a tab muestra tus notas en una página completa.

Pegar varias líneas en un título vacío las separa: la primera línea pasa a ser el título y el resto, la descripción.

Ajuste: Settings › Display › Notes per favorite / Pinned notes

Lista de tareas por sitio

Cada sitio tiene su propia lista de tareas, justo al lado de sus pestañas.

• Haz clic en el botón de lista de una pestaña para abrir la lista de tareas de su sitio.
• Un indicador N todo muestra cuántas tareas siguen pendientes, en la pestaña y en el grupo de su sitio.
• Filtra por All, To do o Done, y borra las tareas hechas en un clic.
• Las listas se guardan por sitio (dirección y puerto), así que cada uno de tus proyectos conserva la suya.

Ajuste: Settings › Display › Todo list per site

Historial y accesos directos de Chrome

Encuentra una página que cerraste, o llega a las páginas propias de Chrome, desde el panel.

• El botón de historial muestra tu historial de navegación reciente.
• El menú Chrome abre configuración, extensiones, descargas, historial, marcadores, contraseñas y flags.
• El botón de copiar de la barra superior copia el enlace de la página actual.

Ajuste: Settings › Display › Chrome shortcuts

Reproductor

Escucha música o mira un vídeo mientras navegas, sin dejar una pestaña abierta para ello.

• Pega un enlace de YouTube, Dailymotion, Spotify o SoundCloud: aparecen el título y la miniatura y se reproduce en el panel.
• Pop out lo reproduce en una pequeña ventana que sigue sonando cuando el panel lateral está cerrado.
• Una etiqueta now playing te recuerda lo que está sonando.
• Recently played guarda tus 30 últimos enlaces.

Ajuste: Settings › Display › Player

Herramientas para desarrolladores

Funciones PHP

Prueba funciones PHP sin servidor: más de cien funciones de PHP 8 emuladas en el panel.

• Cadenas, arrays, expresiones regulares (preg_match, preg_replace…), fechas, JSON, codificación.
• Ve el resultado como var_dump, print_r, var_export o JSON.
• Tu último código se conserva al cerrar el panel.

Las funciones están emuladas en JavaScript: los resultados son orientativos y pueden diferir de una instalación real de PHP en casos límite.

Ajuste: Settings › Developer tools

Explorador de iconos

Busca y copia iconos de cuatro colecciones.

• Font Awesome, Bootstrap Icons, Glyphicons y los emoji animados Noto.
• Haz clic en un icono para copiar su código y márcalo con una estrella para guardarlo en tus favoritos.
• Se muestran la versión de cada colección y un enlace a su sitio oficial.

Ajuste: Settings › Developer tools

Generadores CSS3

Generadores visuales que escriben el CSS por ti.

• Degradados (lineales, radiales, cónicos) con paradas de color arrastrables y ajustes predefinidos.
• Colores (HEX, RGB, HSL, OKLCH, con contraste WCAG), paletas de 50 a 950, curvas de animación, unidades y clamp().
• Diseños flexbox y grid, filtros y formas clip-path.
• Copia el CSS generado en un clic.

Ajuste: Settings › Developer tools

Galería de componentes

Los componentes de daisyUI y Bootstrap 5, con una demo en vivo de cada uno.

• 68 componentes de daisyUI y 32 de Bootstrap, formularios, tablas y cuadrícula.
• Copia el HTML de una demo, o una de sus clases.
• Un enlace a la página de documentación oficial de cada componente.

Ajuste: Settings › Developer tools

Ajustes

Temas y ajustes

Tabs Manager se adapta a ti, y no al revés.

• Tema claro u oscuro.
• Cada función se puede activar o desactivar: tiempos de carga, vista previa, listas de tareas, notas, notas fijadas, reproductor, accesos directos de Chrome, herramientas para desarrolladores… lo que desactivas desaparece del panel.
• Tus datos se conservan cuando ocultas una función: vuelve a activarla y todo sigue ahí.
• Agrupa los iconos de la barra superior en menús, o muéstralos todos.

Ajuste: Settings (icono de engranaje de la barra superior)

Exportar e importar

Lleva tu configuración a otro ordenador, o guarda una copia de seguridad.

• Export guarda todo en un solo archivo: ajustes, acceso rápido, favoritos, notas, listas de tareas e historial del reproductor.
• Import muestra primero un resumen y luego te permite combinar con tus datos actuales o reemplazarlos.
• El archivo se queda en tu ordenador: nunca se sube a ningún sitio.

Ajuste: Settings › Backup

Privacidad y permisos

Todos los datos de la extensión se quedan en tu navegador. Las condiciones de uso enumeran cada permiso que pide Chrome, y por qué.