New #?# syntax for advanced element hiding rules · 2017-06-19 17:21 by Hubert Figuière

Starting with Adblock Plus 1.13.3 for Chrome and Opera (and development builds as of 1.13.2.1782) there is a new and improved syntax which can be used for advanced element hiding filters. It allows for elements to be hidden based upon their contents using :-abp-has. CSS property filters have also being adjusted to be consistent with the new syntax, so both those and :-abp-has filters now use the #?# option separator.

So for example here’s a standard element hiding filter:

domain.com##selector

Which with the new advanced syntax could be written as:

domain.com#?#selector

The overall syntax is the same, but #?# filters have access to a few extensions implemented as CSS pseudo classes. This extra power comes with a cost however, the new #?# filters are much slower and should only be used where necessary. The above example is bad therefore, since none of those extensions are being used. Filters using the new syntax must also be restricted to as few domains as possible, without any domain restrictions they are rejected outright.

So which CSS pseudo classes are supported?

:-abp-properties() (CSS property filters)

The pseudo-class :-abp-properties() is a reworked syntax for the CSS property filter. The value of the -abp-properties attribute becomes the argument passed to the pseudo-class selector. Your old filters will be converted automatically when loading the filter lists, and will work the same way. For example:

domain.com##[-abp-properties='background-color: rgb(0, 0, 0)']

becomes:

domain.com#?#:-abp-properties(background-color: rgb(0, 0, 0))

Note the lack of quotes. As before, you can combine this into a more complex CSS selector.

:-abp-has()

With this change we introduced a new pseudo-class: :-abp-has(selector). Inspired by the CSS Level 4 draft :has(), this pseudo-class selects an element if it contains something that matches the selector passed an argument.

Example 1:

domain.com#?#div.sidebar > div:-abp-has(> video.ad)

On the site “domain.com”, hide the element that has as direct descendant a <video> element with the class “ad” and is a direct descendent of a <div> that has the class “sidebar”. We want the enclosing element because it contain other things with want to hide.

Example 2:

domain.com#?#div.sidebar > div:-abp-has(> div.sidebartitle) > .adtext

On the site domain.com, hide the elements with the class “adtext”, that are direct descendent of a <div> element that also has a direct descendent a <div> with the class “sidebartitle”, and that is a direct descendent of a <div> that has the class “sidebar”.

Note: It is recommended to not nest :-abp-has() where possible, as that will further slow down element hiding. Also it is recommended that the selector inside a :-abp-has() starts with a combinator like >, + or ~. Otherwise a lot of elements will be needlessly selected as more that one ancestor will match.

To the install page

Read more Comment

Tags:

New filter type option for WebRTC connections · 2017-04-12 12:08 by Dave Barker

Starting with Adblock Plus 1.13.3 for Chrome and Opera (and development builds as of 1.13.2.1761) the blocking of WebRTC connections is supported. Those connections will have the new request type of “webrtc” and so filters can be made to target them by adding the $webrtc type option.

WebRTC is an experimental browser technology which is supposed to be used for things like video conferencing. Unfortunately despite still being in active development it’s already being misused to serve adverts! Since Chrome does not yet allow WebRTC connections to be blocked by extensions directly (Chromium issue 707683), we’ve had to implement a workaround to achieve this.

Support for other platforms such as Firefox should follow soon, we’ll keep you posted.

To the install page

Read more Comment

Tags:

Adblock Plus 1.13.2 for Chrome and Opera released · 2017-03-21 16:50 by Jon Sonesen

Install Adblock Plus 1.13.2 for Chrome
Install Adblock Plus 1.13.2 for Opera

This is an emergency release, fixing a regression and preventing installation on unsupported Opera versions.

Changes

Read more Comment [1]

Tags:

Adblock Plus 1.13.1 for Chrome and Opera released · 2017-03-17 18:21 by Dave Barker

Install Adblock Plus 1.13.1 for Chrome
Install Adblock Plus 1.13.1 for Opera

This is an emergency release, fixing overly eager popup blocking.

Changes

Read more Comment [3]

Tags:

Adblock Plus 1.13 for Chrome and Opera released · 2017-03-15 13:18 by Dave Barker

Install Adblock Plus 1.13 for Chrome
Install Adblock Plus 1.13 for Opera

This is a major release containing some user interface improvements and more changes behind the scenes.

Changes

Read more Comment

Tags:

“Block element” dialog now displayed as a popup window · 2016-02-18 17:14 by Dave Barker

We’ve been working on some changes to the “Block element” feature. These changes will be available in Adblock Plus 1.11 for Chrome, Opera and Safari and now in development builds as of 1.10.2.1554.

The “Block element” feature allows you to select elements on the current page and generate filters to block them. After selecting an element the “Block element” dialog is displayed which allows you to confirm the filters that should be added. For Chrome and Opera this dialog is now displayed as a popup window (issue 2426) instead of as part of the website itself. In Safari the dialog will open as a new tab instead. (This is because Safari unfortunately doesn’t provide an equivalent way for us to open popup windows.)

This change should resolve a number of issues with the “Block element” dialog, most importantly one that was being used by websites to reliably detect if Adblock Plus was installed.

To the install page

Read more Comment

Tags:

Bringing "blockable items" to Chrome, introducing the Adblock Plus developer tools panel · 2016-02-03 18:08 by Sebastian Noack

Since we ported Adblock Plus to Chrome, we promised our users feature-parity with Adblock Plus for Firefox. While we are still not there, the probably most significant feature that has been missing on Chrome for a long time – but not anymore – is a way to view blockable items/requests along with applied filters.

For Chrome and Opera, we decided to implement “blockable items” as a developer tools panel (issue 154). Being a tool for advanced users, filter list authors and our own developers, we think that it belongs there. And integrating it with the developer tools gives a nice user experience.

screenshot demonstrating the new Adblock Plus developer tools panel

The developer tools panel is now available in the development builds as of Adblock Plus 1.10.1.1543 for Chrome and Opera, and will be included in the next release, Adblock Plus 1.11. In order to use the developer tools panel, inspect the current page (Ctrl + Shift + I) and click on the “Adblock Plus” panel. Unfortunately, Chrome currently doesn’t provide a way to open the developer tools panel programmatically, e.g. from our icon menu.

Also as opposed to “blockable items” on Firefox, we don’t record items in advance, to avoid performance penalties and additional memory usage while not using the developer tools panel. Therefore you have to (re)load the page, with the panel open, to see all items.

The items shown in the developer tools panel include:

To the install page

Read more Comment [4]

Tags:

Adblock Plus 1.7.3 for Chrome and Opera released · 2014-01-29 17:38 by Wladimir Palant

Install Adblock Plus 1.7.3 for Chrome
Install Adblock Plus 1.7.3 for Opera (Opera 17 or higher required)

This release fixes pop-up blocking that was broken in the previous release. It also addresses a long standing issue, the size of the “Block element” dialog wasn’t always set correctly.

Read more Comment [12]

Tags:

Adblock Plus 1.7.2 for Chrome and Opera released · 2013-12-19 14:36 by Wladimir Palant

Install Adblock Plus 1.7.2 for Chrome
Install Adblock Plus 1.7.2 for Opera (Opera 17 or higher required)

The previous release introduced issues with some old Chrome versions (reported for Chrome 24 and 25), element hiding wouldn’t work there. These have now been fixed. Also, the download size has been reduced again.

Read more Comment [6]

Tags:

Adblock Plus 1.7 for Chrome and Opera released · 2013-12-18 15:57 by Thomas Greiner

Install Adblock Plus 1.7 for Chrome
Install Adblock Plus 1.7 for Opera (Opera 17 or higher required)

This release includes significant changes to the icon and the icon popup. It is the next step in redesigning the entire UI after releasing new versions of our first-run page on all platforms earlier this year.

Adblock Plus Icon Popup

The redesigned popup allows us to seamlessly integrate features such as the blocked ads counter and the emergency notifications. Users who want to hide the icon can now right-click on it and hide it from there which is why we removed the related option from the Options page. The icon can be brought back on the browser’s Extensions page.

Changes in detail

Read more Comment [30]

Tags:

Previous