如何在chrome扩展中包含HTML和CSS文件?
我正在创建一个chrome扩展。我有一个小的扩展,包括CSS、javascript和HTML文件。我想在任何网页上运行此扩展,但如何在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",
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
标签。非常感谢:)