如何在Chrome打包应用中的background.js中包含Chrome Javascript API？

Question

I've just recently began working on my own packaged app for Google Chrome. Since it's mostly just standard HTML, CSS, and Javascript, I have found it fairly easy to put together. However, I've been having difficulty using the API features added by Google and can find very little information on it.

I've tried to add in the API to the background.js 's code in several different places, but each time, the app fails to launch (nothing happens when I open it).

Here's what I found on developer.chrome.com that I've been using as a reference:

chrome.app.window.create(string url, object options, function callback)

And here's the background.js page that I'm using with frame('none'), added in:

chrome.app.runtime.onLaunched.addListener(function() {
 chrome.app.window.create('window.html', frame('none'), {
    'bounds': {
      'width': 700,
      'height': 600,
      }
 });
});

I know this is probably a stupid question with an obvious answer, but any help is greatly appreciated.

Answer 1

As kzahel mentions the syntax for frame is wrong. It also should be merged into the next argument you've provided for bounds, which is also part of the options.

What you want is something more like:

chrome.app.runtime.onLaunched.addListener(function() {
  chrome.app.window.create('window.html', {
    frame: 'none',
    bounds: {
      'width': 700,
      'height': 600
    }
  });
});

Answer 2

You have a typo. instead of "frame('none')", it should read {frame:'none'}. It's not launching because you're trying to call frame as a function. chrome.app.window.create wants an object as the second argument.