css - 创建自定义用户 CSS

Question

我正在尝试创建自定义用户 CSS 供某人使用，这将删除他们正在查看的网站上的所有额外内容，除了正文内容。我想我可以使用 chromes inspect 来获取站点 CSS 代码，然后编辑它并使用 chrome 上的自定义用户 css 扩展来实现它。然而，该站点的 CSS 中有超过 7000 行代码，而我对 CSS 仍然很陌生。有没有什么简单的方法可以让这项工作无需经过 7000 行代码？

Answer 1

这只是一个快速的、最低限度的“概念验证”类型的入门，它说明了如何使用 Firefox 浏览器实现您想要的目标，只是为了让您继续前进。

创建两个文件:manifest.json 和 RemoveStuff.js。

把这个放在manifest.json

{
  "manifest_version": 2,
  "name": "RemoveStuff",
  "version": "1.0",

  "content_scripts": [
    {
      "matches": ["*://*.google.com/*"],
      "js": ["RemoveStuff.js"]
    }
  ]
}

并将其放入 RemoveStuff.js

document.getElementById("lga").outerHTML='';

现在使用火狐浏览器导航到about:debugging，点击Load Temporary Add-on并选择RemoveStuff.js。现在转到 google你不应该看到谷歌的标志(或者他们在那里的任何图片/动画)。

---

您可以开始了解 Firefox 扩展 here , 或 Chrome here