Chrome瀏覽器擴充套件開發系列之五:Page Action型別的Chrome瀏覽器擴充套件

Chrome擴充套件開發極客發表於2015-09-15

Page Action型別的Google Chrome瀏覽器擴充套件程式,通常也會有一個圖示,但這個圖示位於Chrome瀏覽器的位址列內右端。而且這個圖示並非始終出現,而是當某指定的頁面開啟時才會出現。也就是說,這個圖示與當前開啟的頁面有關,只有開啟了指定的頁面才會顯示該圖示,對該頁面執行對應的操作。

定義Page Action型別的Google Chrome擴充套件程式,首先要在manifest.json檔案中註冊如下:

{
        ...
        "page_action": {
          "default_icon": {                    // optional
            "19": "images/icon19.png",           // optional
            "38": "images/icon38.png"            // optional
          },
          "default_title": "Google Mail",      // optional; shown in tooltip
          "default_popup": "popup.html"        // optional
        },
        ...
      }

對於Page Action型別的Google Chrome擴充套件程式,其圖示、提示、彈出框都類似於Browser Action。

Page Action沒有徽章,但是有顯示或隱藏的變化。預設Page Action是隱藏的,必須指定開啟什麼樣的tab時顯示Page Action的圖示。

控制Page Action的圖示顯示使用chrome.pageAction.show(integer tabId)方法。

控制Page Action的圖示隱藏使用chrome.pageAction.hide(integer tabId)方法。

點選Page Action的圖示繫結事件使用chrome.pageAction.onClicked.addListener(function (tab) {…})方法。

相關文章