Chrome Extension: onclick extension icon, open popup.html in new tab

Question

I have created a chrome extension and managed to open the popup.html file using window.open. however I want to open it in a new tab, I've tried lots of different ways including:

<script type="text/javascript" language="JavaScript">   chrome.tabs.create('url': 'popup.html'); 

Am I just placing the code in the wrong place or is it the wrong code altogether?

Answer 1

why would you want to open the popup.html in a new tab? You should create a different page for that. Anyways, if you want to open up the popup.html, in a new tab, you would need to pass in the extension url.

http://code.google.com/chrome/extensions/extension.html#method-getURL

chrome.tabs.create({'url': chrome.extension.getURL('popup.html')}, function(tab) {   // Tab opened. }); 

Answer 2

Now you can use Event Pages to open popup.html in new tab when extension icon is clicked without creating a default_popup page.

manifest:

"background": {     "scripts": ["background.js"],     "persistent": false } 

js:

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