Chrome擴展 - 顯示鼠標懸停在擴展名圖標上的動態文本

我最近建立了一個彈出式擴展程序（Popup Notes）它基本上記錄了您在彈出窗口中輸入的內容。Chrome擴展 - 顯示鼠標懸停在擴展名圖標上的動態文本

現在我想顯示保存的筆記，只要我將鼠標懸停在擴展名圖標上即可。現在它顯示鼠標懸停時的靜態默認標題。

我知道這是可能的，因爲這個擴展Checker Plus for Gmail顯示鼠標懸停的未讀電子郵件內容，我無法弄清楚如何。

見圖片：

所以，我怎麼能顯示在瀏覽器擴展程序懸停鼠標移到圖標彈出內容？

讓我知道是否需要任何進一步的細節。

來源

2016-11-30 JerryGoyal

懸停時爲您的browserAction按鈕顯示的工具提示是標題。您可以使用chrome.browserAction.setTitle()更改標題。

例如：

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

browserAction.setTitle()也可以採取可選tabId這將改變標題只與指定的標籤。

這裏是一個browserAction按鈕開關的兩個不同的標題之間的GIF：

來源

2016-11-30 07:11:41 Makyen

如何設置懸停？有沒有懸停事件呢？ – JerryGoyal

@JerryGoyal，沒有可用的懸停事件。您只需設置標題，然後當鼠標懸停按鈕時，將顯示標題（就像顯示工具提示一樣，不必執行任何操作，只需設置即可）。 [這是一個GIF]（https://i.stack.imgur.com/BbNW4.gif），它顯示標題略有變化。該GIF不再與[此其他答案]（http://stackoverflow.com/a/40604386/3773011）中顯示的代碼完全匹配。該答案中的代碼是具有多個狀態的按鈕。雖然這個問題是關於Firefox WebExtensions的，但代碼已經在Chrome和Firefox中進行了測試。 – Makyen

，但每當用戶輸入內容時，內容都會更改，但是懸停顯示的是我最初設置的內容。我每次都必須打電話給setTitle嗎？ – JerryGoyal

Chrome擴展 - 顯示鼠標懸停在擴展名圖標上的動態文本

回答

相關問題