想要像工具提示一样创建Chrome扩展程序

时间:2014-12-10 07:22:21

标签: google-chrome google-chrome-extension google-chrome-devtools

我是Google Chrome扩展程序的新用户,我创建了Google Chrome扩展程序,如:

enter image description here

使用此代码:

的manifest.json:

{
  "name": "Hello World!",
  "description": "My first Chrome App.",
  "version": "0.1",
  "manifest_version": 2,
  "app": {
    "background": {
      "scripts": ["background.js"]
    }
  },
  "icons": { "16": "calculator-16.png", "128": "calculator-128.png" }
}

和background.js

chrome.app.runtime.onLaunched.addListener(function() {
  chrome.app.window.create('window.html', {
    'bounds': {
      'width': 400,
      'height': 500
    }
  });
});

我的谷歌Chrome扩展程序将像弹出窗口一样打开,但想像我这样的工具提示打开我的应用程序

enter image description here

所以请帮我解决如何打开这样的应用程序..

谢谢

1 个答案:

答案 0 :(得分:2)

您应该创建扩展而不是应用程序,并在清单中添加popup。 看看这个:

{
    "name": "Hello World!",
    "description": "My first Chrome App.",
    "version": "0.1",
    "manifest_version": 2,
    "background": {
        "scripts": ["background.js"]
    },
    "browser_action": {
        "default_icon": {
            "19": "images/icon19.png",
            "38": "images/icon38.png"
        },
        "default_title": "Calculator",
        "default_popup": "window.html"
    },
    "icons": { "16": "calculator-16.png", "128": "calculator-128.png" }
}

您可以阅读文档https://developer.chrome.com/extensions/browserAction