Google Chrome extensions: popup windows handling - google-chrome-extension

Question

My extension should open a popup window (a normal popup window, not default extensions popup) with a following conditions:
only one window could be opened in the moment,
I want to save window size and position in localStorage, and restore them on next open.
How to do so?
I tried:
chrome.browserAction.onClicked.addListener(function() {
// 1. In this case, variable win is a window object. But it's empty. There
// is no properties/methods to operate with.
var win = window.open('http://example.com','windowname');
chrome.windows.create({
'url': 'http://example.com',
'type': 'popup'
}, function(win) {
// 2. In this case, variable win has some properties, but they are static
// and won't change on window resize/close.
});
});
Any ideas?

Answer 1

I think, you can do this with window.open().
1-only one window could be opened in the moment,
If you give same name, window.open(),
if there aren't any exist windows with same name, It will create a new one
else if there is a openned window with the same name, it will just refresh it.
2- I want to save window size and position in localStorage, and restore them on next open.
Yes, you can do this by attaching window.onresize event,
Here is a basic example,
chrome.browserAction.onClicked.addListener(function() {
var wOpt = getWindowDefaultOptions(); // options from localStorage
var win = window.open("http://www.example.com", "myscriptpopup", "width="+wOpt.width+", height="+wOpt.height+", top="+wOpt.top+", left="+wOpt.left);
win.onresize = function() {
var newOptions = {};
newOptions.width = this.innerWidth;
newOptions.height = this.innerHeight;
newOptions.top = this.screenY;
newOptions.left = this.screenX;
setWindowDefaultOptions(newOptions); //save Options to localStorage
}
});
//Default Options For Window
var winOptions = {
"width" : "200",
"height" : "100",
"top" : "50",
"left" : "50"
};