1

以下是我的 manifest.json 文件

{
    "name": "Demo Extension",
    "version": "1.0.0",
    "manifest_version": 2,
    "browser_action": {
    "default_icon": "icon.png"
    },


    "background": {
    "scripts": ["jquery-1.7.2.js","code.js"]
    },

    "content_scripts": [
        {
            "matches": ["*://*/*"],
            "js": ["jquery-1.7.2.js","content.js"],
            "css": ["panel.css"],
            "run_at": "document_end"
        }
    ],

    "permissions": [
        "webRequest",
        "tabs",
        "http://*/*",
        "https://*/*",
    ]
}

我的主要扩展逻辑在 code.js 文件中，甚至结果也在那里可用。现在我必须将这些结果显示在一个表格中给用户。你会建议我做什么。

我不知道该怎么做。只是我知道我必须构建一个 UI 并将我的表格显示在上面。

提前谢谢大家:)

4

1 回答 1

2

您可以为您的 UI 创建一个专用页面，例如，为其命名ui.html。然后你可以在需要的时候打开它，如下所示：

chrome.tabs.create({url:chrome.extension.getURL("ui.html")});

在页面中，您可以创建任意 UI，并用适当的数据填充它，您可以直接从后台页面请求这些数据（假设在youMethodHere此处定义了方法）：

chrome.extension.getBackgroundPage().youMethodHere();

此ui.html页面将显示在单独的选项卡中。您还可以选择创建一个弹出页面（呈现相同的 UI），用户可以通过单击浏览器操作按钮打开该页面。只需添加到您的清单：

"browser_action":
{
  "default_title":"some title",
  "default_icon":"some_icon.png",
  "popup":"ui.html"
}
于 2012-11-07T09:35:08.000 回答