2015-12-29 53 views
0

我是Chrome擴展開發的新手,我想創建一個簡單的擴展,加載每個頁面並檢測當前URL。如果該URL可用,則會出現一個帶有該網站名稱的徽章。如何在Chrome擴展中加載內容腳本,而不點擊擴展圖標

我的manifest.json

{ 
    "name": "Highlight some phrases", 
    "description": "Hightlight some pre defined text from websql database after page loads", 
    "version": "0.1", 
    "permissions": [ 
    "tabs","<all_urls>" 
    ], 
    "browser_action": { 
     "default_icon": "icon.png" , 
     "default_popup": "popup.html" 
    }, 

    "manifest_version":2 
} 

我popup.js

chrome.tabs.getSelected(null, function (tab) { 

var tablink = tab.url; 
    if (tablink.indexOf("google") > -1) { 
     chrome.browserAction.setBadgeText({ 
      text: "G" 
     }); 
    } else chrome.browserAction.setBadgeText({ 
     text: "No G" 
    }); 


}); 

我popup.html

<html> 

<head> 
    <title>Set Page Color Popup</title> 
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css"> 
    <link rel="stylesheet" type="text/css" href="external.css"> 
    <script type="application/javascript" src="popup.js"></script> 
</head> 

<body> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-md-12 well"> 
      </div> 
     </div> 
    </div> 
</body> 

</html> 

我得到ŧ當我點擊分機圖標時他想要的結果,但我無法像其他分機一樣自動加載擴展程序。

回答

1

根據您的意思,您希望在每次加載頁面時更新擴展徽章。幾個月前,我問了一個關於這個問題,這裏是鏈接:Method to autoupdate Chrome Extension badge

+0

Woow ..謝謝它的工作,並且它通過在manifest.json'「background」中添加此行:{ 「scripts」:[ popup.js「], 」persistent「:false },' 謝謝你的回答 –