Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- ublock_origin [2021-10-23 20:36:28] – [Konfiguration] david
+++ ublock_origin [2025-09-08 14:18:17] (aktuell) – david
@@ Zeile 1: / Zeile 1: @@
 ====== uBlock Origin ======
-Für weitere Browser Erweiterungen und Download-Links siehe [[browser_erweiterung|Browser Erweiterungen]]
+Für weitere Browser Erweiterungen und Download-Links siehe [[browser_erweiterungen_addons_extensions]]
+[[https://github.com/gorhill/uBlock|uBlock Origin]] ist ein open source [[https://github.com/gorhill/uBlock/wiki/Blocking-mode|Allzweck Content Blocker]], welcher unter anderem Werbung blockieren kann. Die Erweiterung ist ziemlich komplex, weshalb man sich die Dokumentation dazu anschauen sollte:
+  * [[https://github.com/gorhill/uBlock#documentation|Dokumentation]]
+  * [[https://github.com/gorhill/uBlock/wiki|Wiki]]
 ===== Konfiguration =====
-{{:ublock-origin-settings.png?direct&400|}}
+{{:ublock-origin-settings.png?nolink|}}
-==== statische Filter ====
+==== statisches filtern ====
+  * statische filter werden unter "My filters" konfiguriert
+  * [[https://github.com/gorhill/uBlock/wiki/Dashboard:-My-filters]]
+=== Kurzerklärung ===
+  * Syntax: **domain/host** + ''##'' + { **html tag** and/or **css class** and/or **css id** } + [ **option** ]
+  * Example 1: ''example.com##div.class#id''
+  * Example 2: ''example.com##.class1.class2.class3:remove()''
+  * Example 3: ''example.com###id:style(color: red !important;)''
+  * Prefix css classes with a dot (''.'') and css ids with a hash (''#'')
+  * You only need a html tag or a css class or a css id, but you can combine them
+  * You can chain classes like this: ''.class1.class2.class3''
+  * Comment with ''!''
+  * '':remove()'' removes the selected element(s) from the page instead of just hiding
+  * '':style(**css rule**)'' styles the selected element(s) (use **!important** rule to override the original css)
+=== Beispiel ===
 <code txt>
+! youtube: hide like / dislike button
+youtube.com##.ytd-toggle-button-renderer
+! youtube: hide comment toolbar (like / dislike / reply button)
+youtube.com##.ytd-comment-action-buttons-renderer
+! youtube: hide subscribe button
+youtube.com###subscribe-button
 ! quora: hide login/register banner
 quora.com##.q-flex.qu-alignItems--center.qu-justifyContent--center.qu-overflow--hidden.qu-zIndex--alert
 ! quora: hide overflow and blur
 quora.com##div.q-box.qu-overflow--hidden:style(overflow: auto !important; filter: blur(0) !important;)
+</code>
-</code>
+==== dynamisches filtern ====
+  * dynamische filter werden unter "My rules" konfiguriert
+  * [[https://github.com/gorhill/uBlock/wiki/Dynamic-filtering:-rule-syntax]]
-==== dynamische Filter ====
+=== Beispiel ===
 <code txt>
@@ Zeile 174: / Zeile 212: @@
 youronlinechoices.com youronlinechoices.com * noop
 youtube.com google.com * noop
 </code>