如何在Chrome扩展程序中使用URL中的popup.html？

Question

我想为Google Chrome创建一个扩展程序，这将非常简单。

我的网站服务器上有一个数据库，它会检查一个URL是否在“黑名单”表中，并警告用户是否存在。

但我不知道从哪里开始。我尝试将所有文​​件放在我的Web服务器上，并按如下方式更改manifest.json文件： （更改了“default_popup”行）

{
  "manifest_version": 2,

  "name": "My Extension",
  "description": "This extension warns you if you are trying to open a blacklisted URL",
  "version": "1.0",

  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "http://www.mysite.com/my_extension/popup.html"
  },
  "permissions": [
    "https://secure.flickr.com/"
  ]
}

注意：此文件驻留在我的计算机上，我是从Chrome的“扩展程序”菜单中加载的。

但是当我尝试安装此扩展程序时，我收到错误：

This web page could not be found:chrome-extension://hgfdjnsakhkijfmdnadmlacgjggggkpf/http://www.mysite.com/my_extension/popup.html

Answer 1

不要试图在清单文件中对其进行硬编码，而是尝试将这样的内容放在background page中：

chrome.browserAction.setPopup({popup: "http://www.mysite.com/my_extension/popup.html"});

但是，可能根本无法指定外部弹出页面。

尽管如此，最好将弹出窗口包含在扩展文件中，然后get 只是来自服务器的数据。