Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to customize google chrome tab hover cards

Is there any workaround to customize the tab hover card of chrome 78+? By customize I mean to change the text of the hover card.

The page was opened blank and then html text is added using write function. Then I changed the title.

var win = window.open();
win.document.write(htmlText);
win.document.title = htmlFileName

My actual problem is, when I hover a tab it shows 'Loading...' instead of the actual title(value of htmlFileName).

"I know that it is not a good move to ask the user to set the chrome flag tab-hover-cards to disabled" Also, the solution should support ie9+

like image 845
NSk Avatar asked Dec 06 '25 05:12

NSk


1 Answers

Though this issue is more than 1 year old. Still I would like to suggest a solution. Please try the below:

var win = window.open("about:blank");
win.document.write(htmlText);
win.document.title = htmlFileName

Adding "about:blank" inside window.open will show the title of the page on tab hover card instead of "loading...."

like image 164
Nandini Das Avatar answered Dec 07 '25 20:12

Nandini Das