创建自定义用户CSS

时间:2017-06-21 19:05:03

标签: css

我正在尝试为有人使用创建自定义用户CSS,这将删除他们正在查看的网站上的所有额外内容,但正文内容除外。我想我可以使用chromes inspect来获取站点CSS代码,然后编辑它并在chrome上使用自定义用户css扩展来实现它。然而,该网站在他们的CSS中有超过7000行代码,我仍然是CSS的新手。有没有简单的方法可以完成这项工作,而无需经过7000行代码?

1 个答案:

答案 0 :(得分:0)

这里只是一个快速,极简,最简单的概念" -type启动器,说明如何使用Firefox浏览器实现您想要的功能,只是为了让您前进。

创建两个文件:manifest.jsonRemoveStuff.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='';

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

<小时/> 您可以开始了解Firefox扩展程序here或Chrome here