Chrome扩展程序没有注入css

时间:2016-09-17 08:38:51

标签: javascript html css google-chrome

我已经阅读了类似的关于堆栈溢出的许多问题,并没有找到任何有类似我的问题的人。我不确定我做错了什么。 (如果我做错了什么)我希望你能提供帮助。

我要做的是使用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; 
          }

2 个答案:

答案 0 :(得分:1)

您应该替换" http://www.minds.com/*"使用" https://www.minds.com/*"

答案 1 :(得分:0)

其他可能会使您绊倒的东西(我花了几个小时):

在清单中matches下的content_scripts的json中,协议是否正确(即httphttps)很重要。如果您使用https访问站点,并且清单显示http,则扩展名将不会注入脚本/ css(反之亦然)。