Question

我创建了Google Chrome扩展程序。但是，这可以显示在菜单栏的上部。下面的代码工作完美但只是我想显示我的扩展图标以上是url标签。如果有人知道，请帮助我？我想要启动，而不是每次我都要使用chrome：// extensions /

enter image description here

的manifest.json

{
   "manifest_version": 2,
    "name": "Hello World",
    "version": "2.1",
    "minimum_chrome_version": "23",
    "icons": {
      "16": "icon_16.png",
      "128": "icon_128.png"
    },
    "app": {
      "background": {
        "scripts": ["main.js"]
      }
    }
}

MAIN.js

chrome.app.runtime.onLaunched.addListener(function() {
// Center window on screen.
var screenWidth = screen.availWidth;
var screenHeight = screen.availHeight;
var width = 500;
var height = 300;

chrome.app.window.create('index.html', {
  id: "helloWorldID",
  outerBounds: {
    width: width,
    height: height,
    left: Math.round((screenWidth-width)/2),
    top: Math.round((screenHeight-height)/2)
  }
});
});

的index.html

<body>
   <h1>Hello, World!</h1>
</body>

Answer 1

您的问题是，您尚未创建extension。

您创建的内容是app，如清单中的"app"键所示。应用无法以这种方式与浏览器集成，因此您需要进行扩展。

您需要丢弃代码并按照扩展程序指南制作代码：Getting Started和Overview。具体来说，您询问的UI元素称为Browser Action。

如何在菜单栏上方显示镀铬扩展？

1 个答案: