从chrome扩展程序中打开新标签页

时间:2011-02-13 13:31:01

标签: json google-chrome google-chrome-extension

我想创建一个chrome扩展,当你点击它时打开我的网站。但是怎么样? 我尝试在谷歌上搜索,但这就是我所能创造的:

{
  "name": "My First Extension",
  "version": "1.0",
  "description": "The first extension that I made.",
  "browser_action": {
    "default_icon": "icon.png"
    chrome.tabs.create({'url': chrome.extension.getURL('popup.html')}, function(tab) {
        // Tab opened.
    });
  },
  "permissions": [
    "http://api.flickr.com/"
  ]
}

但这似乎不起作用......请帮助吗?

谢谢和问候

2 个答案:

答案 0 :(得分:1)

代码,

chrome.tabs.create({'url': chrome.extension.getURL('popup.html')}, function(tab) {
    // Tab opened.
});

不能直接在清单中使用。如果您查看documentation如何使用浏览器操作,处理click事件的正确方法是在您的背景页面上的JavaScript中添加类似的内容:

chrome.browserAction.onClicked.addListener(function() {

    chrome.tabs.create({'url': chrome.extension.getURL('popup.html')}, function(tab) {
        // Tab opened.
    });

});

从您的清单中,您似乎没有背景页面。只需创建一个包含JavaScript的HTML文件,并在清单中引用它,如下所示:

"background_page" : "background.html"

答案 1 :(得分:0)

{"manifest_version": 2,"name": "my app","version": "2.0","description": "This is a chrome extension for my app","browser_action": {"default_icon": "icon.png","default_popup": "popup.html"},"permissions": ["www.bibsoblog.blogspot.com"]}

如果您想通过点击扩展程序创建一个扩展程序来访问您的网站,只需在click this to add that code to your popup.html使用此代码。