使用 CSS 阻止内容

Avatar of Chris Coyier
Chris Coyier 发表于

DigitalOcean 为您旅程的每个阶段提供云产品。立即开始使用 200 美元的免费额度!

不是广告拦截器的忠实拥护者。除了这个网站上有广告之外,我通常并不介意它们。我您在您的电脑上做任何您想做的事情来控制在您的屏幕上显示什么的坚定支持者。如果您想使用用户样式表、广告拦截器、Flash 拦截器或任何其他工具,那您就尽情使用吧。以下是一些旨在阻止内容的 CSS 项目。

Floppy Moose userContent.css

这里有一些比较旧的东西,但是,CSS 的变化并不快。其想法是,某些浏览器允许您向所有页面添加额外的默认 CSS(Firefox 和 Safari)。这是一些 CSS 代码,它将根据其srchref属性(以及一些根据类/ID)阻止大量链接、iframe 和其他元素。

要在 Firefox 中使用它,您需要将其放在一个特殊的位置

要在 Safari 中使用它,则需要设置首选项

Opera 也支持 UserCSS,此处有说明

我为 Google Chrome 找到的最佳方法是 Advanced Page Injector 扩展程序,它应该可以解决将您自己的 CSS(或 JS)应用于所有查看的页面。

查看 CSS

Gozer.org 广告拦截 CSS

这与 Floppy Moose CSS 的理念相似,但看起来更新得更近一些,并且在它涵盖的域名和查找的元素类型方面更加雄心勃勃。使用方法与上面相同。

查看 CSS

Steven Frank 的 shutup.css

这里的想法是阻止博客上的评论部分。YouTube 和 Digg 等网站以拥有令人沮丧的糟糕评论而闻名,因此,对于我们这些敏感的人来说,如果您看不到它们,可能会更容易度过这一天。CSS 隐藏了一些特定网站的特定 ID/类,但也有一些非常通用的 ID/类,如 #comments 和 .comments,这将阻止大多数 WordPress 网站上的评论区域。

安装方式与上面的截图相同。

查看 CSS 已移至 此页面。

使用多个

您需要将这些 CSS 文件本地复制才能使用它们。无论如何,这很好,因为这意味着您可以根据自己的喜好调整内容。这也意味着您可以将一个复制到另一个中以同时使用两者。

Flash 拦截

如果您特别想阻止查看(或至少加载)Flash,您可以使用浏览器扩展/插件来做到这一点

  • Firefox: Flashblock
  • SafariClickToFlash
  • Opera 10:输入opera:config#UserPrefs|EnableOnDemandPlugin
  • IE 8:工具 > 管理加载项 > Flash Player 加载项 > 更多信息 > 删除所有站点(然后在访问包含 Flash 的站点时,您将收到一个通知,您可以在每个站点基础上选择加入)

如果您有任何其他想法或使用 userContent.css 方法的首选技术,请告诉我们!