How to customize google chrome tab hover cards

Question

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+

update: `window.stop();`, `document.close();` didn't work. – NSk Dec 12 '19 at 10:28 — NSk, Dec 12 '19 at 10:28
were you able to find a solution to this? – b9bram Oct 30 '20 at 14:01 — b9bram, Oct 30 '20 at 14:01

score 1 · Answer 1 · edited Jul 01 '21 at 17:17

1

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...."

edited Jul 01 '21 at 17:17

Sven Eberth

answered Jul 01 '21 at 16:47

Nandini Das

score 0 · Answer 2 · answered Dec 12 '19 at 05:34

0

Adding win.document.close() doesnt keep the tab in the loading state.

var win = window.open();
win.document.write("<html>Hi</html>");
win.document.title = "Testing";
win.document.close();

The above piece of code worked for me.

answered Dec 12 '19 at 05:34

Anirudh

Sorry to say this. Didn't work. tab hover card still shows 'Loading... '. – NSk Dec 12 '19 at 09:16

2 Answers2