javascript - Chrome Extension - show dynamic text on mouse hover over extension icon - Stack Overflow

admin管理员组

文章数量:1401958

I've recently built a popup chrome extension(Popup Notes) It basically takes notes of whatever you type in popup.

Now I want to show saved notes whenever I hover my mouse over the extension icon. Right now it shows the static default title on mouse hover.

I know it's possible because this extension Checker Plus for Gmail shows the unread emails content on mouse hover and I'm not able to figure out how.

See Image:

So, How Can I show popup content on hovering mouse over icon in chrome extension?

Let me know if any further details are required.

I've recently built a popup chrome extension(Popup Notes) It basically takes notes of whatever you type in popup.

Now I want to show saved notes whenever I hover my mouse over the extension icon. Right now it shows the static default title on mouse hover.

I know it's possible because this extension Checker Plus for Gmail shows the unread emails content on mouse hover and I'm not able to figure out how.

See Image:

So, How Can I show popup content on hovering mouse over icon in chrome extension?

Let me know if any further details are required.

• javascript
• html
• google-chrome
• google-chrome-extension

Share Improve this question Follow edited Jun 20, 2020 at 9:12 CommunityBot 111 silver badge asked Nov 30, 2016 at 6:33 GorvGoylGorvGoyl 49.9k3737 gold badges261261 silver badges264264 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

For manifest V2 or earlier: chrome.browserAction.setTitle

For Manifest V3: Use chrome.action.setTitle

The tooltip which is shown on hover for your browserAction button is the title. You can change the title using chrome.browserAction.setTitle().

For example:

chrome.browserAction.setTitle({
    title:'This is the tooltip text upon mouse hover.'
});

browserAction.setTitle() can also take an optional tabId which will change the title only for the specified tab.

Here is a GIF of a browserAction button switching between two different titles:

本文标签： javascriptChrome Extensionshow dynamic text on mouse hover over extension iconStack Overflow