Chrome扩展不注入css
Chrome extension not injecting css
我看过很多类似的关于堆栈溢出的问题,没有发现任何人有类似我的问题。我不确定我做错了什么。(如果我做错了什么)希望你能帮助我。
我要做的是使用chrome扩展将css注入网站minds.com。问题是它不是注射。我想不只是那个网站,因为我已经试过了。
清单文件:
{
"manifest_version": 2,
"name": "My Style",
"description": "None",
"version": "0.3",
"content_scripts": [{
"matches": ["http://www.minds.com/*"],
"css": ["my-style.css"],
"run_at": "document_start"
}]
}
css html{
color: #cacaca;
}
.mdl-card{
background: rgba(0,0,0,0.64) !important;
color: #fff !important;
}
/*header*/
.mdl-color--white{
background: linear-gradient(#000, #333) !important;
}
.mdl-color--blue-grey-800 {
background-color: #121212 !important;
}
/*text*/
.mdl-color-text--blue-grey-500 {
color: #cacaca !important;
}
minds-activity.mdl-card .mdl-card__supporting-text, minds-activity .mdl-card__supporting-text {
color: #aaa !important;
}
.minds-avatar {
background: rgba(0,0,0,0.0) !important;
}
.mdl-card .m-owner-block {
background: rgba(0,0,0,0.6) !important;
}
.m-owner-block a{
color: #cacaca !important;
}
.minds-dropdown-menu{
background: rgba(0,0,0,0.5) !important; /*
box-shadow: 0px 9px 0px !important;*/
}
.mdl-menu__item{
color: #fff !important;
box-shadow: 0px 0px 9px !important;
}
.mdl-color--blue-grey-50 {
background: rgba(0,0,0,0.6) !important;
}
.mdl-color-text--blue-grey-900 {
color: #78ad56 !important;
}
/*BG*/
.mdl-color--grey-100 {
background: url("http://powerpictures.crystalgraphics.com/photo/seamless_black_circuit_board_pattern_cg5p0977241c_th2.jpg") !important;
}
/*Blogs*/
.m-title-block, .m-title-block-fixed {
background: rgba(0,0,0,0.9) !important;
}
/*usercard*/
.m-discovery-suggested .mdl-cell minds-card-user .m-usercard-bio {
color: #aaa !important;
}
/*active tab*/
.mdl-color--blue-grey-600 {
background-color: #333 !important;
}
.mdl-card__title{
color: #fff !important;
}
.mdl-button{
color: #acacac !important;
}
minds-gatherings .minds-gatherings-search{
background: rgba(0,0,0,0.6) !important;
color: #aaa !important;
}
h1{
color: #fff !important;
}
.mdl-tabs__tab{
color: #fff !important;
text-shadow: 0px 0px 9px #000 !important;
}
.mdl-menu__outline {
background: rgba(0,0,0,0.7) !important;
}
.mdl-menu__item:hover{
background: rgba(20,20,20,0.6) !important;
color: #fff !important;
}
.mdl-card__supporting-text textarea{
color: #aaa !important;
}
body a{
color: #21CE54 !important;
}
minds-blog-view{
background: url("http://powerpictures.crystalgraphics.com/photo/seamless_black_circuit_board_pattern_cg5p0977241c_th2.jpg") !important;
}
minds-comments form textarea{
color: #aaa !important;
}
.mdl-grid {
background: rgba(0,0,0,0.6);
}
.minds-blog-body p{
color: #fff !important;
}
.m-h1-input {
color: #cacaca !important;
}
您应该将"http://www.minds.com/*"替换为"https://www.minds.com/*"
还有一些可能会让你出错的东西(我在这个问题上花了几个小时):
在清单中content_scripts
下的matches
的json中,协议是否正确(即http
或https
)很重要。如果您使用https
访问站点,而清单显示http
,则扩展不会注入脚本/css(反之亦然)。
相关文章:
- Android Webview通过Javascript注入CSS
- 是否可以在外部浏览器中注入 CSS
- chrome扩展在加载dom之前注入动态css
- 如何使用内容脚本将另一个html连同css文件一起注入到html中
- 将自定义CSS注入WP Admin登录弹出iframe
- 如何在Chrome扩展中使用内容脚本文件注入CSS
- Chrome扩展中未加载注入的css
- 将 CSS 注入指令
- 在IE和Cross Browser中为书签注入CSS文件
- 如何将CSS样式应用于由Javascript脚本注入和样式化的HTML,这是我无法控制的
- ASP.NET:是否可以将CSS或Javascript注入到我的Web应用程序中的每个页面中
- 有没有办法将 css 文件或 javascript 文件动态注入 HTML 文档的 head 标签中
- 将CSS注入现有网站,无需ftp访问权限,并使用实时重新加载
- 如何在页面加载之前找到来渲染JavaScript?(CSS,查看前的JS注入)
- 将css注入到现有的网页中
- 使用JavaScript将CSS注入UIWebView
- 通过CSS类更改Google图表滑块宽度(Google图表上的CSS注入)
- 在Chrome扩展CSS注入期间闪烁
- CSS注入不能与Gulp + Browsersync一起工作
- UIwebview中的CSS注入