Question

我想调整我的HTML / JS / CSS应用程序以充当Chrome扩展程序。我有多个js文件（包括两个框架）和多个css文件。我不确定如何组织manifest.json文件。在当前格式中，当在浏览器中单击图标但css和js不起作用时，扩展通过生成新的HTML页面来工作。单击扩展图标时，扩展名应弹出新的HTML页面。这是我的代码：

{
    "name": "Testing",
    "version": "1.0",
    "manifest_version": 2,
    "description": "Testing Data",
    "browser_action": {
        "default_icon": "icon.png",
        "default_popup": "Test_Ext_Chrome.html"
    },
    "web_accessible_resources": [
    "icon.png",
    "Test_Ext_Chrome.js",
    "jquery-1.11.3.min.js",
    "intro.js",
    "Test_Ext_Chrome.css",
    "introjs.css"
  ]
}

Answer 1

在我自己的扩展中，我只在清单中声明了html，并且html正在读取js和css文件。

"browser_action" : {
    "default_icon" : "icon.png",
    "default_popup" : "popup.html"
},

对于后台Javascript文件，我使用了

"background" : {
    "scripts" : ["common.js","background.js"],
    "persistent" : false
},

Web accessible resources不会被扩展程序使用，而是由网页使用。 “这些资源将通过网址chrome-extension在网页中提供：// [PACKAGE ID] / [PATH]”

如何使用多个css和js文件创建chrome扩展程序？

1 个答案: