Welcome to the Power Users community on Codidact!
Power Users is a Q&A site for questions about the usage of computer software and hardware. We are still a small site and would like to grow, so please consider joining our community. We are looking forward to your questions and answers; they are the building blocks of a repository of knowledge we are building together.
Post History
One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Or...
Answer
#14: Post edited
by
elgonzo
·
2021-12-15T21:48:42Z (almost 3 years ago)
Adapted examples to use discord.com domain
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
the.website.com##^.svg-1X37T1- ```
(Replace "<span>the.website.com</span>" with the host name of the discord server.)- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- <BR>
- Such HTML element filters are of course not constrained to class selectors. Any CSS selector could be used, whether it's a type selector, a class selector, an attribute selector, or some other CSS selector or combination thereof. (An overview of CSS selectors: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors)
- An example of an attribute selector filter that is also constrained to <svg> elements (using the `:is()` pseudo-class):
- ```
the.website.com##^:is(svg)[width="48"]- ```
- ----
- As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory and removing the previous API for Chrome extensions (removal of the Manifest v2 API has been announced to happen beginning of 2023).
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- discord.com##^.svg-1X37T1
- ```
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- <BR>
- Such HTML element filters are of course not constrained to class selectors. Any CSS selector could be used, whether it's a type selector, a class selector, an attribute selector, or some other CSS selector or combination thereof. (An overview of CSS selectors: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors)
- An example of an attribute selector filter that is also constrained to <svg> elements (using the `:is()` pseudo-class):
- ```
- discord.com##^:is(svg)[width="48"]
- ```
- ----
- As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory and removing the previous API for Chrome extensions (removal of the Manifest v2 API has been announced to happen beginning of 2023).
#13: Post edited
by
elgonzo
·
2021-12-15T21:18:03Z (almost 3 years ago)
Added attribute filter example
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- ----
- As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory and removing the previous API for Chrome extensions (removal of the Manifest v2 API has been announced to happen beginning of 2023).
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- <BR>
- Such HTML element filters are of course not constrained to class selectors. Any CSS selector could be used, whether it's a type selector, a class selector, an attribute selector, or some other CSS selector or combination thereof. (An overview of CSS selectors: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors)
- An example of an attribute selector filter that is also constrained to <svg> elements (using the `:is()` pseudo-class):
- ```
- the.website.com##^:is(svg)[width="48"]
- ```
- ----
- As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory and removing the previous API for Chrome extensions (removal of the Manifest v2 API has been announced to happen beginning of 2023).
#12: Post edited
by
elgonzo
·
2021-12-15T19:52:26Z (almost 3 years ago)
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- ----
As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory and removing the previous API for Chrome extensions (removal of the Manifest v2 API is so far announced to be beginning of 2023).
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- ----
- As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory and removing the previous API for Chrome extensions (removal of the Manifest v2 API has been announced to happen beginning of 2023).
#11: Post edited
by
elgonzo
·
2021-12-15T19:51:53Z (almost 3 years ago)
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- ----
As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome extensions.
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- ----
- As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory and removing the previous API for Chrome extensions (removal of the Manifest v2 API is so far announced to be beginning of 2023).
#10: Post edited
by
elgonzo
·
2021-12-15T19:48:58Z (almost 3 years ago)
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- ----
As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- ----
- As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome extensions.
#9: Post edited
by
elgonzo
·
2021-12-15T19:48:25Z (almost 3 years ago)
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- ----
As a side note with respect to Chrome being the priority: With the [coming API change for Chrome add-ons](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- ----
- As a side note with respect to Chrome being the priority: With the [coming extension API change affecting Chrome extensions](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
#8: Post edited
by
elgonzo
·
2021-12-15T19:47:50Z (almost 3 years ago)
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- ----
As a side note with respect to Chrome being the priority: With the [purported coming "crackdown" on Chrome ad-blockers by Google](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- ----
- As a side note with respect to Chrome being the priority: With the [coming API change for Chrome add-ons](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
#7: Post edited
by
elgonzo
·
2021-12-15T19:47:04Z (almost 3 years ago)
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- ----
As a side note with respect to Chrome being the priority: With the [purported coming crackdown on Chrome ad-blockers by Google](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- ----
- As a side note with respect to Chrome being the priority: With the [purported coming "crackdown" on Chrome ad-blockers by Google](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
#6: Post edited
by
elgonzo
·
2021-12-15T19:45:44Z (almost 3 years ago)
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- ----
As a side note: With the [purported coming crackdown on Chrome ad-blockers by Google](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- ----
- As a side note with respect to Chrome being the priority: With the [purported coming crackdown on Chrome ad-blockers by Google](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
#5: Post edited
by
elgonzo
·
2021-12-15T19:45:14Z (almost 3 years ago)
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- ----
- As a side note: With the [purported coming crackdown on Chrome ad-blockers by Google](https://www.theregister.com/2021/12/14/googles_manifest_v3_extension_plan/), it is to be seen whether such element filtering would still be possible once Google is making the Manifest v3 API mandatory for Chrome add-ons.
#4: Post edited
by
elgonzo
·
2021-12-15T19:40:08Z (almost 3 years ago)
One possibility to hide unwanted elements is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- One possibility is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for many years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
#3: Post edited
by
elgonzo
·
2021-12-15T19:39:28Z (almost 3 years ago)
One possibility to hide unwanted elements is to use an ad-blocker like uOrigin.uOrigin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- One possibility to hide unwanted elements is to use an ad-blocker that can hide HTML elements based on a filter expression. I haven't used AdBlock for years, so i can't say whether AdBlock can do it. However, uBlock Origin (also an ad-blocker) can do this.
- uBlock Origin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
#2: Post edited
by
elgonzo
·
2021-12-15T19:36:57Z (almost 3 years ago)
- One possibility to hide unwanted elements is to use an ad-blocker like uOrigin.
- uOrigin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
The leading `^` in the expression `^.svg-1X37T1` indicates that the what follows `^` is a CSS selector, with `.svg-1X37T1` being an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
- One possibility to hide unwanted elements is to use an ad-blocker like uOrigin.
- uOrigin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example).
- Define the filter in the "My filters" tab pane in the add-on's settings.
- I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this:
- ```
- the.website.com##^.svg-1X37T1
- ```
- (Replace "<span>the.website.com</span>" with the host name of the discord server.)
- The leading `^` in the expression `^.svg-1X37T1` indicates that what follows `^` is a CSS selector. `.svg-1X37T1` is an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)
#1: Initial revision
by
elgonzo
·
2021-12-15T19:36:22Z (almost 3 years ago)
One possibility to hide unwanted elements is to use an ad-blocker like uOrigin. uOrigin can filter out unwanted HTML elements based on [CSS selectors](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors), as long as such elements are part of the HTML document as transmitted by the web server (this excludes elements dynamically created by JS, for example). Define the filter in the "My filters" tab pane in the add-on's settings. I am not sure whether the class name "_svg-1X37T1_" for the <svg> element is static, or whether the server will generate another class name for every page load, but you might try a filter like this: ``` the.website.com##^.svg-1X37T1 ``` (Replace "<span>the.website.com</span>" with the host name of the discord server.) The leading `^` in the expression `^.svg-1X37T1` indicates that the what follows `^` is a CSS selector, with `.svg-1X37T1` being an ordinary class selector. (Documentation reference: https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#html-filters)