Uporządkuj Reddit, X i feedy social z JustZix
Feedy social są zaprojektowane, by trzymać cię przy przewijaniu: posty promowane, "sugerowane" społeczności, paski boczne z trendami, nieskończone treści powiązane. JustZix pozwala odciąć to wszystko regułami CSS ograniczonymi do każdej strony, więc twój feed pokazuje ludzi, których faktycznie obserwujesz.
Reddit: usuń posty promowane i przynętę
Utwórz regułę CSS pasującą do *://*.reddit.com/*. Nowoczesny Reddit renderuje posty jako elementy shreddit-ad-post i article, a reklamy noszą znacznik promowania, który możesz namierzyć.
/* Natywne posty promowane w feedzie */
shreddit-ad-post,
shreddit-comments-page-ad,
article:has(shreddit-ad-post) { display: none !important; }
/* Kolumny "Popularne spolecznosci" i rekomendacji */
reddit-recommendation-rail,
shreddit-recommended-communities-list { display: none !important; }
Jeśli chcesz też spokojniejszego paska bocznego, ukryj karuzele trendów:
/* Widzety trendow dnia / odkrywania */
shreddit-trending-searches-container,
faceplate-tracker[source="trending"] { display: none !important; }
X / Twitter: oś czasu z powrotem do obserwowanych
Na X promowane tweety zawierają małą etykietę "Ad" renderowaną jako span wewnątrz postu. Utwórz regułę CSS dla *://x.com/* (dodaj drugą regułę dla twitter.com, jeśli nadal trafiasz na starą domenę). Użyj :has(), by dopasować post zawierający tę etykietę.
/* Promowane tweety nosza span etykiety "Ad" */
article:has(span:is(:scope *)):has([data-testid="placementTracking"]) {
display: none !important;
}
/* Moduły "Kogo obserwować" i "Odkryj więcej" */
[aria-label="Timeline: Trending now"],
div[data-testid="UserCell"]:has(a[href$="/connect_people"]) {
display: none !important;
}
X wstrzykuje też bloki "Może ci się spodobać" i "Więcej tweetów" w środku osi czasu. Dzielą opakowanie cellInnerDiv, więc namierz kontener tekstu nagłówka:
/* Zwin wstrzykiwane komorki sugestii */
div[data-testid="cellInnerDiv"]:has(h2 span) { display: none !important; }
Dostrój tę ostatnią ostrożnie — jeśli ukrywa zbyt wiele, zawęź ją do konkretnego nagłówka. Selektory CSS są odwracalne: usuń regułę, a feed wraca do domyślnego.
Uniwersalny starter "spokojnego feedu"
Niektóre wzorce powtarzają się między stronami. Ta ogólna reguła CSS, ograniczona do dowolnie wybranego feedu, ukrywa typowe widżety przynęty na zaangażowanie po dostępnej nazwie.
/* Ogolne: ukryj elementy oznaczone jako reklamy lub sponsorowane */
[aria-label*="Sponsored" i],
[aria-label*="Promoted" i],
[data-ad-slot] { display: none !important; }
Flaga i sprawia, że dopasowanie ignoruje wielkość liter, więc "Sponsored", "sponsored" i "SPONSORED" wszystkie pasują.
Wygładź przepływanie z JavaScriptem
Ukrywanie kart przez display: none może na chwilę zdezorientować nieskończony przewijacz. Maleńka reguła JS ograniczona do twojego feedu utrzymuje układ schludnym, usuwając oznaczone węzły wprost po ich wyrenderowaniu.
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
});
To usuwa tylko węzły, które już pasują do twojego selektora CSS — żadnych wywołań sieci, żadne dane nie opuszczają strony. To czysto wygoda układu.
Trzymaj reguły ograniczone
Sednem JustZix jest precyzja. Reguła Reddita nigdy nie powinna działać na X i na odwrót — osobne reguły z osobnymi dopasowaniami URL trzymają je odizolowane i łatwe do przełączania. Gdy strona się przeprojektuje, edytujesz jeden selektor zamiast debugować rozległy skrypt.
Przejrzyj nasze gotowe przykłady, aby zdobyć więcej przepisów na feedy, lub zobacz poradnik o poprawkach YouTube dla sprzątania po stronie wideo. Jeszcze niezainstalowane? Pobierz JustZix i zacznij od reguły postów promowanych powyżej.
Oceń ten wpis
Brak ocen — oceń jako pierwszy.