Question

我想开发Chrome扩展程序，以便在特定网站上覆盖一些Css样式。

所以这里是文件：

的manifest.json ：

{
  "manifest_version": 2,

  "name": "Modify CSS and HTML",
  "version": "0.1.0",
  "description": "Lateral blog post demo extension",

  "content_scripts": [{
    "css": ["styles.css"],
    "matches": ["http://www.record.pt/*"]
  }]

}

styles.css的：

@import url('https://fonts.googleapis.com/css?family=Indie+Flower');

.thumb-info h3 {
    font-family: 'Indie Flower', cursive !important;
}

我无法让Google字体工作。它采用草书类型，但不是Google字体。使用Chrome版本60.0.3112.113（官方构建）（64位）

为什么会这样？有人可以在他们的Chrome上测试并提供反馈吗？

Answer 1

过去我曾尝试引用外部文件（主要是js）并且从未成功过。我记得Chrome对外部文件有一些限制。除此之外，我还注意到在网站上有几个跨域访问限制。我不确定这种进口是否可行。另请注意，该网站有一个js错误。由于这个原因，它可能无法运行某些代码，但我不认为css会因此而受影响。

当我以前遇到js文件的这个问题时，在尝试了各种导入方法之后，我最终只是下载了js文件并在清单中引用了它。你也可以试试。将字体内容保存到单独的文件或styles.css文件中。

Chrome扩展程序覆盖css

1 个答案: