Home » Tech Tips » Browsers » How to Add Tab Hover Card in Google Chrome?

How to Add Tab Hover Card in Google Chrome?

Microsoft Edge has many beautiful features compared to Chrome and Firefox browsers. One such feature is the tab hover card to show the image preview of the tab content when you hover the mouse over inactive tabs. This will help to quickly check the webpage when you have multiple tabs opened. Below is how the tab hover will look on Edge browser.

Microsoft Edge Hover Card in Tab
Microsoft Edge Hover Card in Tab

Default Tab Hover Behavior in Chrome

Google Chrome is a rigid browser does not offer many customization options. It has no functionality on the stable version for tab hover card. By default, it will show the title of the webpage on tab when you hover the mouse over it.

Show Title on Hover
Show Title on Hover

How to Add Tab Hover Card in Google Chrome?

However, you can use the experimental flag to enable this feature. Chrome has two flags to enable hover card with and without preview image. 

Hover Card Without Preview Image

  • Launch Google Chrome browser and go to “chrome://flags” URL.
  • You will see a warning that experimental features may impact the normal working behavior of your browser.
  • Search for “hover card” to filter the flag with the name as “Tab Hover Cards”.
Enable Tab Hover Cards Flag in Chrome
Enable Tab Hover Cards Flag in Chrome
  • Choose “Enabled” option and click on “Relaunch Now” button to re-open the browser.
  • Now that you have enabled tab hover card in Chrome. Open few tabs in the browser and hover your mouse over one of the tabs.
  • Chrome will show the title and website name in an elegant hover card.
Hover on Active Tabs
Hover on Active Tabs

Hover Card With Preview Image

The above hover card is good without a preview image of the webpage on that tab. You need to enable another flag to show the image in hover card.

  • When you are in “chrome://flags” page, search for “hover card”.
  • Enable the flag “Tab Hover Card Images” and relaunch the browser.
Chrome Hover Card Flags
Chrome Hover Card Flags
  • Remember, you first need to enable the “Tab Hover Cards” flag for this preview flag to work.
  • After enabling both flags, open few tabs on the browser and hover your mouse over the inactive tabs.
  • Chrome will show the hover card with preview image of that webpage content.
Hover Card with Preview Images in Chrome
Hover Card with Preview Images in Chrome

Note that when you hover the active tab, you will only see the card with image, as the content is already visible on the browser.

Viewing Tabs on Chrome Android and iOS Apps

Chrome Android and iOS apps have different features to suit the mobile layouts. When you have opened multiple webpages, the app will show a badge with number of opened tabs.

Tab Badge in Chrome Mobile App
Tab Badge in Chrome Mobile App

Tap on the badge to view thumbnails of all open tabs in a card style.

View Open Tabs in Chrome iOS App
View Open Tabs in Chrome iOS App

However, this is completely different than viewing multiple tabs in floating style in Safari browser.

Extensions for Tab Management

Chrome comes with handful of useful extensions for tab management. However, we don’t find any extension offers tab hover card feature. You can try other extensions like “Quick Tabs” or “Tabbie : easy tab viewer” for managing multiple open tabs effectively.

1 thought on “How to Add Tab Hover Card in Google Chrome?”

  1. I have searched everywhere to get rid of the hover tabs in chrome flags. The hover option to disable is no longer available. I had disabled it last year. I have the hover image tab disabled but the hover tab keeps appearing.

    It’s annoying to no end. Can you help me. Pleaaaaaaaaaase

    Thanks

    Paula

Leave a Comment

Your email address will not be published. Required fields are marked *