← 全部文章

教程

用 JustZix 整理 Reddit、X 和社交信息流

17 5月 2026 · 作者 JustZix Team

社交信息流被设计成让你不停滚动:推广帖、"推荐"社区、热门侧边栏、无尽的相关内容。JustZix 让你用限定到每个网站的 CSS 规则把那些剔除,这样你的信息流显示你真正关注的人。

Reddit:去掉推广帖和诱饵

新建一条匹配 *://*.reddit.com/* 的 CSS 规则。现代 Reddit 把帖子渲染为 shreddit-ad-post 和 article 元素,而广告带有一个你可以定位的推广标记。

/* 信息流中的原生推广帖 */
shreddit-ad-post,
shreddit-comments-page-ad,
article:has(shreddit-ad-post) { display: none !important; }

/* "热门社区"和推荐栏 */
reddit-recommendation-rail,
shreddit-recommended-communities-list { display: none !important; }

如果你还想要一个更安静的侧边栏,就隐藏热门轮播:

/* 今日热门 / 发现小部件 */
shreddit-trending-searches-container,
faceplate-tracker[source="trending"] { display: none !important; }

X / Twitter:让时间线回到关注

在 X 上,推广推文包含一个渲染为帖子内 span 的小"广告"标签。为 *://x.com/* 新建一条 CSS 规则(如果你仍会遇到旧域名,就为 twitter.com 再加一条规则)。用 :has() 匹配一个包含那个标签的帖子。

/* 推广推文带有一个"广告"标签 span */
article:has(span:is(:scope *)):has([data-testid="placementTracking"]) {
  display: none !important;
}

/* "关注谁"和"发现更多"模块 */
[aria-label="Timeline: Trending now"],
div[data-testid="UserCell"]:has(a[href$="/connect_people"]) {
  display: none !important;
}

X 还在时间线中间注入"你可能喜欢"和"更多推文"块。它们共用 cellInnerDiv 容器,所以定位标题文本的容器:

/* 折叠注入的推荐单元 */
div[data-testid="cellInnerDiv"]:has(h2 span) { display: none !important; }

谨慎调整最后那一条——如果它隐藏太多,就把它收窄到某个特定标题。CSS 选择器是可逆的:删掉规则,信息流就回到默认。

一个通用的"平静信息流"起点

有些模式在各网站间重复出现。这条通用 CSS 规则,限定到你选定的任何信息流,按可访问名称隐藏常见的互动诱饵小部件。

/* 通用:隐藏标记为广告或赞助的元素 */
[aria-label*="Sponsored" i],
[aria-label*="Promoted" i],
[data-ad-slot] { display: none !important; }

i 标志让匹配不区分大小写,所以 "Sponsored"、"sponsored" 和 "SPONSORED" 都匹配。

用 JavaScript 抚平重排

用 display: none 隐藏卡片可能让无限滚动器短暂地困惑。一小段限定到你信息流的 JS 规则,通过在标记的节点渲染后干脆移除它们来保持布局整洁。

const SELECTOR = 'shreddit-ad-post';

function prune() {
  document.querySelectorAll(SELECTOR).forEach(el => el.remove());
}

prune();
new MutationObserver(prune).observe(document.body, {
  childList: true, subtree: true
});

这只移除已经匹配你 CSS 选择器的节点——没有网络调用,没有数据离开页面。它纯粹是布局上的便利。

让规则保持限定范围

JustZix 的要点是精确。一条 Reddit 规则绝不该在 X 上运行,反之亦然——带有独立 URL 匹配的独立规则让它们保持隔离且易于切换。当某个网站改版时,你编辑一个选择器,而不是调试一个庞大的脚本。

浏览我们的现成示例获取更多信息流配方,或参见 YouTube 微调指南了解视频侧的清理。还没安装?下载 JustZix,从上面的推广帖规则开始。