浏览器扩展UI消失在窗口或选项卡开关上

Question

I am very new to web application and even more new to browser extension development. I have created a simple browser extension which is working properly on clicking on the extension button near the browser address bar. But if the browser extension popup is open and I switch the browser window, the browser UI (a small popup like page, popup.html) disappears. On clicking again, it opens. But I want know if somehow I can keep it open even on a window/tab switch. I would like to close that popup only when user closes it, presses escape or does not do any activity on it for say 10sec or something. This expected behavior is close to how the pocket extension behaves. How is this achieved?

Answer 1

You can try this:

chrome.browserAction.onClicked.addListener(function() {
  chrome.windows.create({ url: "popup.html", type: "popup"})
})

Include this in a background page defined in the manifest:

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