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 に答える