Come lanciare una nuova finestra in Google Chrome Extension

Question

Sto provando a sviluppare un'estensione per Google Chrome, ma ho alcuni problemi, voglio lanciare o creare una nuova finestra quando l'utente fa clic su di essa nell'icona.

Ti piace questa: http://i.imgur.com/8iRkEOb.png

Grazie mille!

Answer 1

Prima di tutto, se si dispone di un default_popup definito nel manifest - è necessario rimuoverlo, in quanto interferisce con l'evento click che si desidera catturare.

Quindi, è necessario per catturare l'evento in uno script di fondo:

chrome.browserAction.onClicked.addListener(function(tab) { 
    // ... 
}); 

Poi, se vogliamo una finestra, probabilmente vogliamo guardare al windows API. create() suona come quello che vi serve:

chrome.browserAction.onClicked.addListener(function(tab) { 
    chrome.windows.create({/* options */}); 
}); 

Quali opzioni avete bisogno? Supponendo che si desidera aprire una pagina dal proprio interno, è necessario un URL avvolto in un chrome.runtime.getURL:

chrome.browserAction.onClicked.addListener(function(tab) { 
    chrome.windows.create({ 
    // Just use the full URL if you need to open an external page 
    url: chrome.runtime.getURL("mypage.html") 
    }); 
}); 

Poi, per mostrare una finestra come si sta mostrando, senza barra degli strumenti in alto, è necessario un tipo di finestra "popup":

chrome.browserAction.onClicked.addListener(function(tab) { 
    chrome.windows.create({ 
    url: chrome.runtime.getURL("mypage.html"), 
    type: "popup" 
    }); 
}); 

Infine, se si vuole fare qualcosa dopo che la finestra è aperta, utilizzare il callback:

chrome.browserAction.onClicked.addListener(function(tab) { 
    chrome.windows.create({ 
    url: chrome.runtime.getURL("mypage.html"), 
    type: "popup" 
    }, function(win) { 
    // win represents the Window object from windows API 
    // Do something after opening 
    }); 
});