ツールバーアイコンをクリックしたときに新しいタブでクロム拡張機能を開く

Question

拡張機能のHTMLをポップアップではなく新しいタブで開くようにします。既存の拡張子Session Buddyは、私が複製しようとしている正確な動作をしています。

問題は、ツールバーのアイコンをクリックした後にChromeが新しい拡張タブを開いて、必要な動作が（明らかに）1つのタブだけを開いているときです。不思議なことに、https://stackoverflow.com/などの「ウェブURL」を使用すると、1つのタブだけを開くことができます。

manifest.json：

{ 
    "manifest_version": 2, 
    "name": "angular chrome extension boilerplate", 
    "version": "1.0.0", 
    "background": { 
     "scripts": ["background.js"], 
     "persistent": true 
    }, 
    "permissions": [ 
     "activeTab", 
     "tabs", 
     "background" 
    ], 
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'" 
} 

background.js：このサイト上

chrome.tabs.create({ url: chrome.extension.getURL('index.html') }); 

いくつかの記事は、同様の問題が、提案ソリューションのどれもが私のために働いてきた：

• Chrome Extension: onclick extension icon, open popup.html in new tab：ときイベントページを使用するか、リスナーをに追加しますでも、拡張ツールバーアイコンをクリックすると何も起こりません。

Answer 1

それは、ツールバーのアイコンをクリックすると開くためのタブを取得するための正しい方法はonClickedリスナーにchrome.tabs.create()への呼び出しをラップすることであることが判明：

はbackground.jsを改訂：

chrome.browserAction.onClicked.addListener(function(tab) { 
    chrome.tabs.create({ url: chrome.extension.getURL('index.html'), selected: true }); 
}); 

当初、のchrome.browserAction.onClickedであるため、これは機能しません。これを解決するには、one needs to add an empty "browser_action" object to manifest.json。アイコンのクリックリスナーの中に置く

{ 
    "manifest_version": 2, 
    "name": "angular chrome extension boilerplate", 
    "version": "1.0.0", 
    "browser_action": { }, 
    "background": { 
     "scripts": ["background.js"], 
     "persistent": false 
    }, 
    "permissions": [ 
     "tabs", 
     "background" 
    ], 
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'" 
}