Chrome扩展程序保持弹出窗口加载

Question

I'm working on a extension for some internet radio station. Currently its opening new window to play music, but I want to make an extension.

I created popup and put the URL of internet radio station inside it as an iframe. The problem is, when the popup closes, the iframe also closes and music stops, which is kinda sad.

Any ideas on how to keep the content of popup loaded even while it is "closed" ?

Answer 1

Set the manifest to have

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

Then you can load the script this way once you execute the page popup the script will run.

If you do this i would suggest adding key commands to stop,pause and play the command like so to your manifest.

 "commands": {
      "commands": {
      "Play": {
        "suggested_key": {
          "default": "Ctrl+Shift+U",
          "mac": "Command+Shift+U"
        },
        "description": "Toggle feature foo"
      },
      "Stop": {
        "suggested_key": {
          "default": "Ctrl+Shift+Z",
          "mac": "Command+Shift+D"
        },
        "description": "Toggle feature foo"
      }
  }

Then in your background file that you set in the manifest add a chrome listener

 chrome.commands.onCommand.addListener(function(command) {
    console.log('Command:', command);
    if(command == "Play"){
        //play function here
    }else if(command == "Stop"){
        //stop function here
    }
 });