Question

您好我在stackoverflow上找到了其他类似的问题，但没有一个问题解决了。

我希望我的chrome扩展程序/应用程序可以在完整标签中打开，就像打开POSTMAN扩展程序一样。

我的manifest.json

{
"name": "Sample App",
"manifest_version": 2,
"version": "0.0.1",
 "app": {
 "background": {
  "scripts": ["main.js"]
  }
 },
 "icons": { "128": "icon.png" },
 "permissions" : ["tabs" ] 
  }

我的main.js（background.js的别名）

 chrome.app.runtime.onLaunched.addListener(function() {
 chrome.tabs.create({'url': chrome.extension.getURL('index.html')}, function(tab) {
 alert("Hi");
 });

 });

index.html是我想在打开新标签时加载的文件。

Answer 1

我第一次在stackoverflow上回复，请温柔......

我发现在manifest.json文件中添加“launch”：{“local_path”：“index.html”}要容易得多。请参阅下面的示例清单文件。

{
 "manifest_version" : 2,
 "name": "Hello World!",
 "description": "My first Chrome App.",
 "version": "0.1",
 "app": {
  "launch" : {
   "local_path" : "index.html"
  }
 },
 "icons": { "16": "icon.png" }
}

请记住，这个示例非常基本，它已经被删除了一些不必要的信息，例如后台脚本，但它应该完成你想要的。

http://developer.chrome.com/apps/first_app.html

Answer 2

chrome.app.runtime.onLaunched仅适用于Chrome应用，不适用于扩展程序。 Chrome浏览器启动时会自动运行您的后台页面代码，因此您可以直接使用chrome.tabs.create(...)启动。

此外，您还需要在展示位置的web_accesible_resources部分中添加index.html以及您的扩展程序中包含的所有资源。

如何在新标签中打开我的Chrome扩展程序？

2 个答案: