Como usar o Tabs Manager

Comece

Instalar e abrir

Tabs Manager é uma extensão para o Google Chrome 116 ou posterior (e navegadores baseados no Chrome).

• Abra a página do Tabs Manager na Chrome Web Store e clique em Usar no Chrome.
• Fixe a extensão: clique no ícone de quebra-cabeça da barra de ferramentas e depois no alfinete ao lado de Tabs Manager.
• Clique no ícone do Tabs Manager: a extensão abre no painel lateral do Chrome, ao lado da página que você está lendo. Ele continua aberto enquanto você navega.
• A barra superior do painel dá acesso a tudo: copiar o link da página, páginas do Chrome, ferramentas para desenvolvedores, notas, player e configurações.

Nenhuma conta para criar e nada para configurar: a extensão funciona assim que é instalada.

Abas

Abas organizadas por site

O bloco Current tabs lista cada aba aberta, agrupada por site, para que dez abas do mesmo site ocupem uma única linha até você abri-lo.

• Cada site mostra seu ícone, seu endereço e o número de abas abertas nele.
• Clique em um site para expandir as abas, clique em uma aba para ir até ela.
• Feche uma aba pelo painel, sem procurá-la na barra de abas.
• O campo de busca filtra o painel enquanto você digita.
• Uma aba que muda de site (um link aberto em uma nova aba) vai sozinha para o seu novo grupo.

Várias janelas

Com mais de uma janela do Chrome aberta, cada janela recebe um número e uma cor.

• Cada aba mostra a cor da sua janela, com uma faixa e uma etiqueta coloridas.
• A legenda abaixo de Current tabs lista as janelas: clique em uma para trazê-la para a frente.
• Clicar em uma aba de outra janela ativa a aba e traz a janela para a frente.

A extensão só vê as abas do seu próprio perfil do Chrome: janelas de outro perfil não aparecem.

Arrastar e soltar

Reorganize suas abas sem mexer na barra de abas.

• Solte uma aba sobre outra para colocá-la ao lado, na mesma janela ou em outra.
• Solte uma aba sobre uma janela da legenda para enviá-la para o fim dessa janela.
• Solte uma aba sobre New window (exibido enquanto você arrasta) para abri-la numa janela só dela.

O Chrome não permite mover uma aba entre uma janela normal e uma janela anônima.

Abas duplicadas

Abriu a mesma página três vezes? O Tabs Manager pode fechar as cópias para você.

• Defina Allow tabs duplicates como No: as abas excedentes da mesma página são fechadas, e a ativa ou a mais recente é mantida.
• Escolha a regra que define uma duplicada: mesmo site (host) ou mesmo endereço (sem a #âncora, o protocolo e a barra final).
• Permita duplicadas site a site, para os sites em que você realmente precisa de várias abas.
• Abas fixadas e abas reproduzindo som nunca são fechadas como duplicadas.
• Acesso rápido e favoritos: quando as duplicadas deles não são permitidas, as páginas deles somem de Current tabs e clicar no ícone mostra a aba já aberta em vez de abrir uma nova.

Configuração: Settings › Tabs duplicates

Fechar abas inativas

Abas que você não olha há horas podem ser fechadas automaticamente.

• Informe um número de horas em Current tabs closing delay; 0 desativa.
• O prazo conta a partir do último uso da aba, não de quando ela foi aberta.

Uma aba fechada pode perder conteúdo não salvo (um formulário, um rascunho): escolha um prazo que combine com o seu jeito de trabalhar.

Configuração: Settings › General

Tela dividida

Mostre duas abas lado a lado em um clique, com o botão de dividir de uma aba.

• A aba em que você clica é emparelhada com a aba ativa da janela.
• A partir do Chrome 155, o Tabs Manager usa a tela dividida nativa do Chrome.
• Em versões mais antigas, as duas abas são colocadas em duas janelas, cada uma em metade da tela.
• Clique de novo no botão de uma aba dividida para encerrar a divisão.

Em cada aba

Contadores de não lidas

Muitos sites escrevem um contador no título, como (3) Caixa de entrada. O Tabs Manager o transforma em um selo vermelho.

• O selo aparece na aba, no grupo do site e no acesso rápido e nos favoritos correspondentes.
• Ele acompanha o título ao vivo: novas mensagens aparecem sem recarregar nada.

Tempos de carregamento

Duas pequenas etiquetas sob cada aba mostram a rapidez com que a página carregou, medida pelo próprio navegador.

• A primeira é o tempo de resposta do servidor (tempo até o primeiro byte).
• A segunda é o tempo do HTML até a página ficar pronta.
• Útil para identificar um site lento, ou para acompanhar seus próprios sites enquanto você os desenvolve.

Configuração: Settings › Display › Show load times

Prévia do site

Pare o mouse sobre uma aba por um instante para ver um cartão com o título, a descrição e a imagem de compartilhamento da página.

• As informações vêm dos metadados públicos da página (título, descrição, palavras-chave, imagem).
• Nada é baixado da rede: a extensão lê o que a página já carregou.

Configuração: Settings › Display › Show a site preview on hover

Controles de mídia

Qual aba está tocando aquele vídeo? Um selo no ícone dela mostra, e você pode controlá-lo pelo painel.

• Um selo de reprodução aparece nas abas que tocam áudio ou vídeo.
• Os botões tocar, pausar e silenciar agem sobre a mídia da aba sem sair da página em que você está.
• Vídeos decorativos (loops sem som, players minúsculos) são ignorados.

Organize

Acesso rápido e favoritos

Mantenha os sites que você usa todo dia a um clique.

• Quick access: uma fileira de ícones de sites no topo do painel. Adicione a página atual em um clique.
• Favorites: links organizados em espaços (um por projeto, cliente ou assunto), cada um com sua própria lista de links.
• Acesso rápido e favoritos são salvos como favoritos do Chrome, numa pasta própria: eles acompanham o seu perfil do Chrome.
• Um botão de notas em cada favorito abre as notas dele (veja Notas).

Notas e notas fixadas

Anote as coisas sem sair da página em que você está trabalhando.

• Abra Notes pela barra superior: cada nota tem um título e uma descrição opcional.
• Filtre as notas, edite, copie uma nota ou todas em um clique. Ctrl + Enter adiciona uma nota.
• Cada favorito tem suas próprias notas, com um contador no botão.
• Fixe uma nota (ou uma tarefa) com o alfinete: ela aparece no início do painel, acima de Quick access.
• Open in a tab mostra suas notas em uma página inteira.

Colar várias linhas em um título vazio as separa: a primeira linha vira o título e o resto, a descrição.

Configuração: Settings › Display › Notes per favorite / Pinned notes

Lista de tarefas por site

Cada site ganha sua própria lista de tarefas, bem ao lado das abas.

• Clique no botão de checklist de uma aba para abrir a lista de tarefas do site.
• Um selo N todo mostra quantos itens ainda estão abertos, na aba e no grupo do site.
• Filtre por All, To do ou Done e limpe os itens concluídos em um clique.
• As listas são guardadas por site (endereço e porta), então cada projeto seu mantém a sua.

Configuração: Settings › Display › Todo list per site

Histórico e atalhos do Chrome

Encontre uma página que você fechou, ou acesse as páginas do próprio Chrome, pelo painel.

• O botão de histórico mostra seu histórico de navegação recente.
• O menu Chrome abre configurações, extensões, downloads, histórico, favoritos, senhas e flags.
• O botão copiar da barra superior copia o link da página atual.

Configuração: Settings › Display › Chrome shortcuts

Player

Ouça música ou assista a um vídeo enquanto navega, sem deixar uma aba aberta para isso.

• Cole um link do YouTube, Dailymotion, Spotify ou SoundCloud: o título e a miniatura aparecem e a reprodução começa no painel.
• Pop out toca numa janelinha que continua tocando quando o painel lateral está fechado.
• Uma etiqueta now playing lembra o que está tocando.
• Recently played guarda seus últimos 30 links.

Configuração: Settings › Display › Player

Ferramentas para desenvolvedores

Funções PHP

Teste funções PHP sem servidor: mais de cem funções do PHP 8 emuladas no painel.

• Strings, arrays, expressões regulares (preg_match, preg_replace…), datas, JSON, codificação.
• Veja o resultado como var_dump, print_r, var_export ou JSON.
• Seu último código é mantido quando você fecha o painel.

As funções são emuladas em JavaScript: os resultados são indicativos e podem diferir de uma instalação real do PHP em casos extremos.

Configuração: Settings › Developer tools

Navegador de ícones

Busque e copie ícones de quatro coleções.

• Font Awesome, Bootstrap Icons, Glyphicons e emojis animados Noto.
• Clique em um ícone para copiar o código, marque com uma estrela para guardá-lo nos favoritos.
• A versão de cada coleção e um link para o site oficial são exibidos.

Configuração: Settings › Developer tools

Geradores CSS3

Geradores visuais que escrevem o CSS para você.

• Gradientes (lineares, radiais, cônicos) com paradas de cor arrastáveis e predefinições.
• Cores (HEX, RGB, HSL, OKLCH, com contraste WCAG), paletas de 50 a 950, curvas de easing, unidades e clamp().
• Layouts flexbox e grid, filtros e formas clip-path.
• Copie o CSS gerado em um clique.

Configuração: Settings › Developer tools

Galeria de componentes

Os componentes do daisyUI e do Bootstrap 5, com uma demo ao vivo de cada um.

• 68 componentes daisyUI e 32 componentes Bootstrap, formulários, tabelas e grid.
• Copie o HTML de uma demo, ou uma das suas classes.
• Um link para a página de documentação oficial de cada componente.

Configuração: Settings › Developer tools

Configurações

Temas e configurações

O Tabs Manager se adapta a você, e não o contrário.

• Tema claro ou escuro.
• Cada recurso pode ser ativado ou desativado: tempos de carregamento, prévia, listas de tarefas, notas, notas fixadas, player, atalhos do Chrome, ferramentas para desenvolvedores… o que você desativa some do painel.
• Seus dados são mantidos quando você esconde um recurso: ative de novo e está tudo lá.
• Agrupe os ícones da barra superior em menus, ou mostre todos.

Configuração: Settings (ícone de engrenagem da barra superior)

Exportar e importar

Leve sua configuração para outro computador, ou guarde uma cópia de segurança.

• Export salva tudo em um só arquivo: configurações, acesso rápido, favoritos, notas, listas de tarefas e histórico do player.
• Import mostra primeiro um resumo e depois permite mesclar com seus dados atuais ou substituí-los.
• O arquivo fica no seu computador: nunca é enviado para lugar nenhum.

Configuração: Settings › Backup

Privacidade e permissões

Todos os dados da extensão ficam no seu navegador. Os termos de uso listam cada permissão que o Chrome pede, e por quê.