Extensões do Navegador Firefox
  • Extensões
  • Temas
    • Firefox
    • Dicionários e Pacotes de Idioma
    • Outros navegadores
    • Extensões para Android
Entrar
Pré-visualização de Tab Preview On Hover

Tab Preview On Hover por Eason

Adds on-hover tab preview to Firefox (requires CSS theme).

ExperimentalExperimental
4.9 (8 reviews)4.9 (8 reviews)
76 Users76 Users
Você precisa do Firefox para usar esta extensão
Baixe o Firefox e instale a extensão
Baixar arquivo

Metadados da extensão

Capturas de tela
Sobre esta extensão
This add-on may no longer receive updates, as tab preview is now supported in current versions of Firefox.

What Does the Add-on & CSS Theme Do

With the add-on and the supporting CSS theme, tab preview will appear when a tab is hovered over.

There will be a delay before tab preview shows up. At the same time, if the cursor hovers from one tab over another tab, there’ll be no delay. If the cursor leaves the tab area for a short moment and goes back, the delay will come back. The behaviour is controlled by the CSS theme, user can simply change --preview-delay and --preview-delay-tolerance to adjust the timing.


How to Install the CSS Theme
  1. Go to about:support and locate Profile Folder
  2. Download or copy the CSS theme and move it into Profile Folder -> chrome
  3. Go to about:config and turn toolkit.legacyUserProfileCustomizations.stylesheets to true
  4. Restart Firefox


Compromises
  1. Background image for the browser navbar will be disabled
  2. Incompatible with built-in browser themes “System theme – auto” and “Firefox Alpenglow”
  3. Only the first ten tabs on the left will have tab preview
  4. Adaptive Tab Bar Colour can cause the tab preview to disappear at times, as it resets the browser theme whenever it changes the colour of the tab bar


Supporting CSS Theme

The CSS theme is also available here: download.

/* Tab Preview On Hover supporting CSS theme */

/* Move this file to profile folder > chrome, or append to existing userChrome.css */

/* Version 2024-03-01 */

#navigator-toolbox:-moz-lwtheme {
background-image: none !important;
}

#navigator-toolbox {
z-index: 10 !important;
}

#tabbrowser-tab-tooltip {
display: none !important;
}

.tabbrowser-tab::after {
--preview-delay: 1s; /* Delay of tab preview when the cursor move onto a tab from outside of tab bar */
--preview-delay-tolerance: 0.75s; /* Max time period of cursor not hovering on tab bar before preview delay re-engages */
--preview-width: 200px; /* Width of the preview panel */
--preview-height: 150px; /* Height of the preview panel */
}

.tabbrowser-tab::after {
box-shadow: 0 0 50px black, 0 0 0 1px var(--arrowpanel-border-color) inset;
outline: 0.5px solid black;
pointer-events: none;
content: "";
display: none;
position: absolute;
z-index: 10000;
top: 50px /* Edit if the preview panel is misplaced */;
width: var(--preview-width);
height: var(--preview-height);
background-color: var(--lwt-accent-color);
background-image: var(--lwt-additional-images);
background-repeat: no-repeat;
background-clip: padding-box;
border-radius: 8px;
}

#tabbrowser-arrowscrollbox:not(:hover) .tabbrowser-tab::after {
transition: opacity 0.5s, filter 0s var(--preview-delay-tolerance);
filter: opacity(0);
}

#tabbrowser-arrowscrollbox:hover .tabbrowser-tab::after {
transition: opacity 0.5s, filter 0.5s var(--preview-delay);
filter: opacity(1);
}

.tabbrowser-tab:not(:hover)::after {
opacity: 0;
}

.tabbrowser-tab:hover::after {
opacity: 1;
}

.tabbrowser-tab[selected]:hover::after {
opacity: 0;
transition-duration: 0.25s !important;
}

.tabbrowser-tab:nth-of-type(1)::after {
display: block;
background-size: cover, 0, 0, 0, 0, 0, 0, 0, 0, 0;
}

.tabbrowser-tab:nth-of-type(2)::after {
display: block;
background-size: 0, cover, 0, 0, 0, 0, 0, 0, 0, 0;
}

.tabbrowser-tab:nth-of-type(3)::after {
display: block;
background-size: 0, 0, cover, 0, 0, 0, 0, 0, 0, 0;
}

.tabbrowser-tab:nth-of-type(4)::after {
display: block;
background-size: 0, 0, 0, cover, 0, 0, 0, 0, 0, 0;
}

.tabbrowser-tab:nth-of-type(5)::after {
display: block;
background-size: 0, 0, 0, 0, cover, 0, 0, 0, 0, 0;
}

.tabbrowser-tab:nth-of-type(6)::after {
display: block;
background-size: 0, 0, 0, 0, 0, cover, 0, 0, 0, 0;
}

.tabbrowser-tab:nth-of-type(7)::after {
display: block;
background-size: 0, 0, 0, 0, 0, 0, cover, 0, 0, 0;
}

.tabbrowser-tab:nth-of-type(8)::after {
display: block;
background-size: 0, 0, 0, 0, 0, 0, 0, cover, 0, 0;
}

.tabbrowser-tab:nth-of-type(9)::after {
display: block;
background-size: 0, 0, 0, 0, 0, 0, 0, 0, cover, 0;
}

.tabbrowser-tab:nth-of-type(10)::after {
display: block;
background-size: 0, 0, 0, 0, 0, 0, 0, 0, 0, cover;
}
Avaliado em 4,9 por 1 revisor
Identifique-se para avaliar esta extensão
Ainda não existem avaliações

Avaliação salva

5
7
4
1
3
0
2
0
1
0
Ler todas as 8 análises
Permissões e dadosSaiba mais

Permissões necessárias:

  • Acessar as abas do navegador
  • Acessar seus dados em todos os sites visitados
Mais informações
Links da extensão
  • Página Inicial
  • Site de suporte
  • Email de suporte
Versão
1.1
Tamanho
28,71 KB
Ultima atualização
há 2 anos (28 de ago de 2023)
Categorias relacionadas
  • Aparência
  • Abas
Licença
Licença MIT
Histórico de versões
  • Ver todas as versões
Adicionar a uma coleção
Denunciar esta extensão
Mais extensões de Eason
  • Ainda não existem avaliações

  • Ainda não existem avaliações

  • Ainda não existem avaliações

  • Ainda não existem avaliações

  • Ainda não existem avaliações

  • Ainda não existem avaliações

Ir para a página inicial da Mozilla

Extensões

  • Sobre
  • Blog de extensões do Firefox
  • Workshop de extensões
  • Central do desenvolvedor
  • Diretivas do desenvolvedor
  • Blog da comunidade
  • Fórum
  • Relatar um erro
  • Guia de análise

Navegadores

  • Desktop
  • Mobile
  • Enterprise

Produtos

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • Privacidade
  • Cookies
  • Jurídico

Exceto onde de outra forma notado, o conteúdo deste site está licenciado sob a Creative Commons Licença de Atribuição Compartilha-Igual v3.0 ou qualquer versão posterior.