如何在chrome扩展中包含HTML和CSS文件?

如何在chrome扩展中包含HTML和CSS文件?,html,css,google-chrome-extension,Html,Css,Google Chrome Extension,我正在创建一个chrome扩展。我有一个小的扩展,包括CSS、javascript和HTML文件。我想在任何网页上运行此扩展,但content\u script仅允许我运行脚本文件。当我添加css或html文件扩展名时,它不起作用。它没有显示我为扩展创建的HTML页面,只是script.js。如何在content\u脚本中添加HTML文件 这是我的manifest.json文件: { "manifest_version":2, "name":"News Plugin",

我正在创建一个chrome扩展。我有一个小的扩展,包括CSS、javascript和HTML文件。我想在任何网页上运行此扩展,但
content\u script
仅允许我运行脚本文件。当我添加
css
html
文件扩展名时,它不起作用。它没有显示我为扩展创建的HTML页面,只是
script.js
。如何在
content\u脚本中添加HTML文件

这是我的
manifest.json
文件:

{   
    "manifest_version":2,

    "name":"News Plugin",
    "description": "This extension will show you the latest news with headlines and small description",
    "version":"1.0",


    "browser_action":{
    "default_icon":"news_icon.png",
    "default_popup":"NewsApp.html"
    },
    //"chrome_url_overrides":{
    //"newtab":"NewsApp.html"
    //},

    "content_scripts":[
        {
            "matches":["http://*/*","https://*/*"],
            "js":["news.js"],
            "html":["news.js"],
            "css":["style.js"]
        }
    ],

    "permissions":[
    "activeTab"
    ]
}
有关
manifest.json
content\u scripts
属性的规范,请参阅。
content\u脚本中没有
“html”
属性。如果它允许注入HTML,它会把它放在哪里,因为原始页面已经有了自己的HTML?您只能添加Javascript和CSS


如果要向页面添加HTML,需要在Javascript中使用DOM操纵函数,它允许您指定新元素的位置。

为什么您的HTML和CSS文件有
.js
扩展名?您真的打算对js和HTML使用相同的文件吗?抱歉,我刚刚在CSS和HTML文件中复制了.js扩展名。是的,我想在内容脚本中使用单个html文件(包括css和js参考文件)。改进了问题的一些拼写、语法和格式。我还修改了标签-
jquery
在这里不相关,
web
太通用了,我添加了
googlechrome扩展
css
标签。非常感谢:)