Giorno a tutti

con la speranza che il tag sia giusto, ecco il mio problema.

Volevo creare una semplice estensione per chrome e successivamente per firefox.
Ho fatto qualche ricerca in giro e ho visto che per Chrome devo creare 3 file:
il manifest.json
file.html
file.js

L'estensione, dovrebbe contenere un <ul> e per ogni <li> mi dovrebbe aprire una nuova scheda con il link all'interno del li.
Ecco quello che ho fatto io

Codice:
manifest.json
{
  "manifest_version": 2,
 
  "name": "estensioneGI",
  "description": "Estensione per visualizzare il wiki con 1 click",
  "version": "1.0",
 
  "browser_action": {
   "default_icon": "icon.png",
   "default_popup": "popup.html"
  },
  "permissions": [
   "tabs"
   ]
}
Codice:
file.html

<!doctype html>
<html>
    <head>
        <title>Wiki</title>
        <style>
            @import url(stile.css);
        </style>
        <script type="text/javascript" src="file.js"></script>
    </head>
    <body>
        <h1>Wiki</h1>
        <ul>
            <li><a href="http://www.wikia.com/"> Home Page </a></li>
            <li><a href="http://www.wikia.com/">Home Page</a></li>
            ........... e cosi via
        </ul>
    </body>
</html>
Codice:
file.js
non saprei che  metterci

Credo, dovrei usare

Codice:
file.js

chrome.browserAction.onClicked.addListener(
function NewTab(activeTab)
{
    var newURL = "http://www.wikia.com/";
    chrome.tabs.create({ url: newURL });
});
quindi ho fatto un <li> in questo modo

Codice:
<li><a href="" onclick="NewTab()"> Home Page </a></li>
ma quando clicco non succede niente.
Mentre se non inserisco il file js, e lascio tutto come il primo codice sull'html, premendo il tasto centrale del mouse mi apre i link in un altra scheda ma con il tasto sinistro del mouse non fa niente. Come risolvere?

Grazie ^^