ublock-origin-filters - Ablenkungen mit uBlock-Origin-Filtern entfernen

 (github.com/mig4ng)
2 Punkte von GN⁺ 2023-09-21 | 1 Kommentare | Auf WhatsApp teilen
  • Eine Sammlung persönlicher uBlock-Origin-Filter, um auf einigen Websites unnötige Ablenkungen zu entfernen
  • Funktioniert so, dass auf jeder Website nur bestimmte gewünschte Aktionen erlaubt werden und alle übrigen Elemente, die die Aufmerksamkeit ablenken könnten, deaktiviert werden
  • Nutzung: 0-include-all.txt unter Filter Lists > Import... in uBlock Origin hinzufügen, um die Filter zu importieren
  • Zweck der Filter je Ziel
    • Google-Konto-Pop-up: Deaktiviert lästige Google-Pop-ups, die auf verschiedenen Websites erscheinen
    • YouTube: Entfernt Ablenkungen wie empfohlene Videos, Autoplay, Vorschläge und Shorts und fokussiert die Nutzung auf Videos ansehen, suchen und hochladen
    • Twitter: Entfernt Ablenkungen wie Feed und Seitenleiste und fokussiert die Nutzung auf das Anzeigen des Tweet-Feeds bestimmter Profile, das Lesen von Tweet-Inhalten und Kommentaren sowie das Verfassen von Tweets
    • LinkedIn: Entfernt Ablenkungen wie Feed und Seitenleiste und fokussiert die Nutzung auf das Anzeigen von Profilen und Unternehmen, das Lesen bestimmter Beiträge, das Beantworten von Nachrichten und das Verfassen von Beiträgen
    • Stack Overflow und Stack Exchange: Entfernt Punktzahlen, Profilbilder und Interaktionsbenachrichtigungen und fokussiert die Nutzung auf das Lesen der obersten Antworten auf Fragen
  • Enthält außerdem den Hinweis, dass für YouTube derzeit die Firefox-Erweiterung Unhook verwendet wird, die möglicherweise durch Filter ersetzt werden könnte

Verwandte Beiträge

1 Kommentare

 
GN⁺ 2023-09-21
Meinungen auf Hacker News

  • Wenn man viele Anzeigen und Sidebars blockiert hat, ist es auch nützlich, die verbleibenden Textelemente zu verbreitern und den frei gewordenen Platz wieder zu nutzen
    Zum Beispiel etwa so: :xpath(//main/div):style(min-width: 80% !important)
    Ich bin noch weiter gegangen und habe bei einigen Websites versucht, mit column-count:-Regeln den Bildschirm wie eine Zeitung aussehen zu lassen, aber es gab mehr anzupassen als gedacht, und die DOM-Layouts moderner Websites wirken fast wie verseuchtes Gelände
    https://developer.mozilla.org/en-US/docs/Web/CSS/column-coun...
    Ein Minimalbeispiel für das Injizieren von column-count: mit uBlock gibt es hier: https://i.ibb.co/k3bRwhP/example-1.webp
    theguardian.com###maincontent:style(margin-left: -28vw !important; min-width: 90vw !important; column-count: 4 !important)
    theguardian.com##div:style(border: none !important)

    • An diesem Punkt ist es vielleicht besser, Inhalte per RSS zu holen und sie im Reader als Spalten zu stylen
      Mir gefällt die Spaltenansicht, und bei den Dingen, die ich regelmäßig lese, versuche ich, mit mehreren smarten Filtern wieder stärker auf RSS zu setzen. Ich habe das Gefühl, dass wir RSS von Anfang an nicht hätten aufgeben sollen
    • Es wäre schön, wenn man das auch über dem Lesemodus von Firefox zum Laufen bringen könnte
    • Ich mag es ziemlich, mit uBO und Stylus verschiedene Websites neu zu gestalten, aber in vielen Fällen ist es einfach schneller und besser, in den Reader Mode zu wechseln
      Das geht nicht immer, aber ziemlich oft
    • Die erste Regel ist ein guter Trick. Manchmal geht eine Website kaputt, wenn man ein Element entfernt

  • In uBlock Origin einfach zu Options > Filter Lists > Annoyances gehen und die folgenden Einträge aktivieren
    "AdGuard – Annoyances"
    "EasyList – Annoyances"
    "uBlock filters – Annoyances"
    Damit lassen sich 99,9 % der störenden Elemente auf Websites entfernen, ohne die Hauptfunktionen kaputtzumachen. Ich mache das seit Jahren bei jeder neuen Chrome-Installation, und es funktioniert sehr gut

    • Im Internet gibt es im Grunde zwei Versionen, und welche man nutzt, hängt davon ab, wie gut der Adblocker eingerichtet ist
      Als ich im Urlaub den Laptop meiner Mutter benutzt habe, war ich kurz verwirrt, warum die besuchten Seiten so anders aussahen: Fast jede Website war mit Werbung zugepflastert. Banner zwischen Absätzen, mit Anzeigen volle Sidebars und sogar Hintergrundbilder, die Dinge verkaufen wollten – es sah völlig anders aus als gewohnt
    • Ist AdGuard besser als EasyList?

  • Wenn du uBlock Origin nutzt, frage ich mich, ob du vor dem Start dieses Projekts versucht hast, diese Filter bei uBlock Annoyances oder der EasyList-Annoyances-Liste einzureichen
    Das könnte viel mehr Menschen helfen, als noch eine weitere Annoyances-Liste neu zu erstellen
    https://github.com/uBlockOrigin/uAssets

    • Das ist nicht einfach nur ein störendes Element, sondern eher nah an der Kernfunktion der Website
    • Einige Annoyances-Listen können übertreiben und sogar visuelle Hinweise darauf entfernen, dass es auf der Website einen RSS-Feed gibt
    • Diese Liste kannte ich nicht. Es lohnt sich, sie auch meinen Filtern hinzuzufügen und zu prüfen, ob die von mir erstellten Regeln dort ebenfalls gelten

  • Persönlich muss ich auf meinem Arbeitsrechner die Trending Questions von Stack Exchange ausblenden. Für mich sind sie fast wie Katzenminze für Katzen
    askubuntu.com###hot-network-questions
    serverfault.com###hot-network-questions
    stackexchange.com###hot-network-questions
    stackoverflow.com###hot-network-questions
    superuser.com###hot-network-questions
    Außerdem ignorieren viele Websites prefers-reduced-motion, daher blende ich auch häufig visuelle Ablenkungen wie endlose Karussells oder niedliche dekorative Animationen aus

    • Ich gehe rein, um eine Frage zum Lebenszyklus von React-Komponenten zu lösen, und klicke im nächsten Moment auf irgendeine obskure Regelausnahme in Dungeons & Dragons
    • Ich habe diese Spalte lange Zeit überhaupt nicht beachtet. Mein Gehirn hatte gelernt, dass alles an dieser Stelle nutzlose Dekoration ist
      Eines Tages habe ich mir tatsächlich ein paar Fragen angesehen und war überrascht, dass sie ziemlich interessant waren; da habe ich völlig verstanden, warum sie wie Katzenminze wirken. Zum Glück gibt es einen Schalter, mit dem man sie selbst abschalten kann, sodass man der Sucht entgeht
    • Bei mir ist es ähnlich, aber ich nutze einfach den Element-Selector, daher sehen die Regeln etwas anders aus
      stackoverflow.com##.c-pointer.js-quack-btn
      stackoverflow.com##.js-step01.js-step.step.ws-nowrap
      stackoverflow.com##.js-step02.js-step.step.has-width.ta-center
      stackoverflow.com##.quack-popover--arrow
      stackoverflow.com###overlay-header
      stackoverflow.com###feed-link
      stackoverflow.com##.mb16.s-anchors__default.s-anchors.s-sidebarwidget__yellow.s-sidebarwidget
      stackoverflow.com##.grid--cell.js-reactions
      stackoverflow.com##.mb16.s-anchors__grayscale.s-anchors.s-sidebarwidget__yellow.s-sidebarwidget
      Leider habe ich nicht kommentiert, wofür die einzelnen Regeln gedacht sind. Eine könnte ein Banner wie eine Aufforderung zum Abstimmen sein, eine andere vermutlich die Box „Featured on Meta“ und die linke Sidebar, die ich nie nutze. Oben nicht enthalten, aber kürzlich habe ich zusätzlich auch das nervige Popup „New Search AI Experience“ blockiert
      Für Cookie-Banner gibt es zum Glück ein separates Regelset, aber genau dieses Regelset verursacht die meisten Probleme. Wenn man mit dem Cookie-Banner nicht interagiert, funktionieren manche Websites nicht richtig oder laden gar nicht erst. Das moderne Internet ohne uBlock hasse ich wirklich
    • Diese Regeln sind großartig. Es wäre gut, sie zum StackOverflow-PR im Repository beizutragen: https://github.com/mig4ng/ublock-origin-filters/pull/4

  • Ich nutze einen ähnlichen Ansatz, aber mein Ziel ist Datenschutz und das Vermeiden algorithmischer Feeds
    Mit der Firefox-Erweiterung Redirector leite ich YouTube-, Twitter- und StackOverflow-Links jeweils auf alternative Frontends wie Piped, Nitter und AnonymousOverflow um. Es gibt auch gepflegte Listen solcher Projekte und Instanzen
    Die meisten sind freie Open Source, respektieren die Privatsphäre und bieten dank ihrer Natur als ethische Software zufällig auch ablenkungsfreie Frontends
    https://github.com/digitalblossom/alternative-frontends
    https://farside.link

    • Wirklich gut. Eine ähnliche Idee, ablenkungsfreie Alternativdienste zu bauen und irgendwie dorthin umzuleiten, stand auf meiner Bucket List
      Schön zu sehen, dass andere denselben Gedanken hatten und bereits online umgesetzte Versionen existieren

  • Früher hatte ich einmal zusammengestellt, wie man auf Reddit und Twitter monetarisierungsgetriebene Zierelemente entfernt
    reddit.com##.awarding-icon
    reddit.com##.awardings-bar
    reddit.com##.give-gold-button
    twitter.com##:xpath(//div[contains(@style, "hex-hw-shapeclip-clipconfig")]):style(clip-path: circle(50%) !important)

    • Reddit hat Awards inzwischen zwar eingestellt, aber bei alten Beiträgen greift der Filter weiterhin
    • Was macht die letzte Regel?

  • Eine Regel, die die im ganzen Internet verbreiteten Login With Google-Popups entfernt
    accounts.google.com/gsi/iframe
    Den Google-Login-Button selbst macht sie nicht kaputt, sodass man sich bei Bedarf weiterhin mit einem Google-Konto anmelden kann

    • Ich könnte sie einmal ausprobieren und, wenn sie gut funktioniert, ebenfalls hinzufügen. Diese Popups nerven

  • Ich nutze uBlock-Origin-Filter für Hacker News so:
    news.ycombinator.com##.comment:style(max-width: 70ch !important; overflow: hidden !important;)
    news.ycombinator.com##.c00:style(color: #3f3f3f !important;)
    news.ycombinator.com##.comhead:style(background: #e6e6df; font-weight: italic; color: #686868 !important;)
    news.ycombinator.com##.hnuser:style(background: #e6e6df; font-style: italic; color: #575757 !important;)
    news.ycombinator.com##html:style(filter:invert(100%) hue-rotate(180deg); background: white)
    Ich begrenze die Kommentarbreite auf etwa 10 Wörter, damit es angenehmer zu lesen ist, und habe auch einige Farben geändert. Wenn jemand Verbesserungsvorschläge hat, gern her damit

    • Mir war nicht klar, dass man uBlock-Filtern Styles hinzufügen kann.
      Wegen Lesbarkeit und einfacherem Debugging würde ich wohl weiterhin Stylus bevorzugen, aber gut zu wissen.
      Und font-weight: italic; sieht nach einem Tippfehler aus

  • Ich nutze uBlock ähnlich. In den letzten 8 Jahren haben sich bei mir Hunderte Custom-Filter angesammelt, und zuletzt habe ich Regeln zum Ausblenden von Spoilern auf IMDb hinzugefügt.
    ! 2023-09-05 Hide episode's description and image (+ watchlist for not breaking the layout) [new experimental IMDb layout]
    imdb.com##article.episode-item-wrapper .ipc-slate
    imdb.com##article.episode-item-wrapper .ipc-html-content
    imdb.com##article.episode-item-wrapper .ipc-watchlist-ribbon
    ! 2023-09-05 Hide top rated episode's description both on a TV page and an episode page
    imdb.com##[data-testid="episodes-top-rated-card"] ul + div

    • Es könnte auch sinnvoll sein, auszublenden, in wie vielen Folgen ein Schauspieler in der jeweiligen Produktion auftritt. Diese Info hat mich schon ein paar Mal erwischt
    • Ich frage mich, ob du auch andere Filter veröffentlicht hast. Könntest du sie teilen?

  • Arc hat eine eingebaute Funktion für optische Anpassungen. Sie heißt Boosts, lässt sich mit ein paar Klicks selbst erstellen, und bei Bedarf kann man auch Custom CSS/JS hinzufügen.
    Ich nutze sie viel, um auf den meisten Websites wie Facebook, Twitter, Reddit, Medium, Gmail, YouTube usw. ablenkende Elemente zu entfernen, und das verändert tatsächlich den Alltag.
    Von anderen Nutzern geteilte Boosts findet man hier: https://arc.net/boosts

    • Die vertikalen Tabs von Arc gefallen mir wirklich sehr. Früher habe ich in Firefox vertikale Tabs mit verschachtelten Tabs genutzt, und der Workflow war gut.
      Es ist großartig, den Tab-Kaninchenbau, der entsteht, wenn man sich tief in ein Thema eingräbt, in einer Gruppe einsperren zu können. Wenn man fertig war, konnte man die Gruppe schließen und nur die Tabs behalten, die man eigentlich behalten wollte; das vermisse ich.
      Im Moment nutze ich es nicht, weil die Einrichtung Zeit gekostet hat und es keine einfache Möglichkeit gibt, das deklarativ wie Code zu verwalten, für das Teilen zwischen Geräten und langfristige Aufbewahrung. Wenn ich einen Weg finde, würde ich es wieder ausprobieren.
      Arc habe ich ausprobiert, aber ein paar Dinge haben mir nicht gefallen. Es ist nicht Open Source, und Boosts scheinen es auch nicht zu sein. Da es auf Chromium basiert, passt es nicht zu meiner Haltung, dass Firefox oder andere Browser ihren Marktanteil halten sollten. Ich hasse Google nicht, aber ich möchte nicht, dass ein einzelnes Unternehmen das Web beherrscht. Außerdem scheint es nur unter macOS und iOS zu laufen, wobei ich nicht weiß, ob das immer noch so ist
    • Arc hat die beste Browser-UI, die es bisher gab. Der Rest steckt im Kern immer noch in den späten 2000ern fest