uBlock Origin 1.13: Element Zapper and CSP Filter
UBlock Origin 1.13.0 is a new version of the popular content blocking extension for Firefox and Google Chrome web browsers.
It introduces two new features to the extension: Element Zapper and CSP filtering. The latest version of uBlock Origin is already listed on the official Chrome Web Store and Mozilla AMO website.
Interested users can download it from the extension stores, existing users may use the automatic update functionality of the browser to update to the new version.
The new version of the content blocker ships with two new features that will benefit users of the extension.
Update: An update was released to uBlock Origin 1.13.2 which fixes the issue experienced on Chrome.
Element Zapper
Element Zapper has been designed to remove elements on web pages that you open temporarily. While you can hide elements on web pages temporarily using Developer Tools, the main benefit that Element Zapper offers is that it simplifies this process.
Click on the uBlock Origin icon in the browser's address bar, and select the new Element Zapper icon (the lightning icon) to make use of it.
This enables the element picker mode. Move the mouse cursor over the element that you want to remove from the page -- an overlay, annoying advertisement, auto-playing video, an image, or any other element -- and click on it. The element is removed right away, and it stays hidden until you reload the page.
You can exit the mode at any time without removing an element by pressing Esc. There are also two options to remove multiple elements without exiting Element Zapper mode.
You can hold down the Shift-key before you click on elements to remove them, or may hover over elements and hit the Del-key instead. Element Zapper mode remains active when you do this, so that you can remove multiple elements on a web page without having to activate the mode each time.
Element Zapper mode has been designed for situations where rule creation does not make sense. This can be the case for web resources that you won't visit again for instance, or for testing functionality before you add a permanent rule to uBlock Origin's set of rules.
Sometimes we visit a page on a site for which we do not intend to become a regular visitor, and many sites nowadays will throw nuisance visual elements preventing you from accessing the content. However oftentimes we would rather not go through the process of creating one or more filters for just that one visit. This is where the element-zapper mode is useful: you can quickly get rid of the nuisance visual element without having to pollute your filter set for this one single visit.
The second new feature enables you to inject any Content Security Policy (csp) header in pages that match the filter.
Currently all the following modifiers are supported when used with csp=: third-party, domain=, important, badfilter.
Additionally, exception filters for csp= can be crafted two ways:
Must be exact csp= match, i.e. @@||example.com/nice$csp=frame-src 'none' will cancel only whatever filter tries to inject exactly a csp=frame-src 'none' filter, but not a csp=frame-src 'self' filter; OR
@@...$csp will cancel all CSP injection for URLs which match the filter.
All this required refactoring on my side, as the semantic for csp= filters is that all matching filters must be found (and furthermore applied according to important and @@), while normal filters only the first hit is returned.
The latest version of uBlock Origin supports the following keyboard shortcuts:
- Alt-Z to open the Element Zapper mode.
- Alt-X to open the Element Picker mode.
- Alt-L to open the Logger.
Chrome users can customize shortcuts by loading chrome://extensions/ and clicking on the "keyboard shortcuts" link on the page.
Firefox users need to create the following three preferences using about:config
- extensions.ublock0.shortcuts.launch-element-zapper
- extensions.ublock0.shortcuts.launch-element-picker
- extensions.ublock0.shortcuts.launch-logger
Setting a value to - disables the shortcut in Firefox, and resetting them restores the initial values.
You find additional information about the release on the project's GitHub webpage.
@Gibraltar By CSP, you get native blocking instead of extension blocking scripts individually.
What exactly does injecting CSP rules allow that was previously not possible, in concrete terms ?
Picker not “zapper” sorry
Since few updates with the Element Zapper the Echap button no longer works for me, now I have to click out of the page before, JFI… please don’t tell me to open an account on Github for feedback!
“Since few updates” … does that mean you’re on Chrome? If so, no idea why your Echap (Escape in English) key is on holidays.
Why not open an account on Github? (et toc!).
I know : what’s the point in answering when you ignore the explanation? Compassion, my friend. It don’t cost nothin’ to sympathize on one’s misfortunes, does it?
Just tried with the Firefox Nightly version, same behavior, with element picker of uBlock Origin v1.13.0 the escape key no longer works correctly.
Firefox 54 with only greasemonkey, umatrix and ublock origin, few updates of ublock origin. Github is for geeks, not for people like me.
“The update corrups the extension…” I think you meant *corrupts*, Martin…
Darn evidence that some people really aren’t acquainted with the word … :)
Same, how does one create those hotkeys in Chrome? Under Extensions, there’s a Keyboard Shortcuts link, but it only has one option to activate the extension. Nothing about opening Log, etc.
Chrome 59, x64 here, hotkeys aren’t working for me. Anyone have a suggestion?
Maybe are they (ALT-X and ALT-Z) reserved by another extension?
Merci, Tom. I found the issue. They weren’t set by default in Chrome’s kb shortcuts. fixed now.
UPDATE: There is a bug fix, version 1.13.2
For those who are more mouse than keyboard, and who run the ‘Firegestures’ Firefox add-on, they can call uBO’s Element Picker and Zapper modes with two mouse gestures associated scripts :
Name : Call uBO Element Picker
Script :
// press ‘Alt+X’ to call uBO Element Picker
FireGestures.sendKeyEvent({ alt: true, key: “X” });
Name : Call uBO Zapper
Script :
// press ‘Alt+Z’ to call uBO Zapper
FireGestures.sendKeyEvent({ alt: true, key: “Z” });
I’m a mouse fan, friends could call me Micky :)
v1.13.2 released. this fixes the corruption and disable problem.
I just checked Chrome Version 60.0.3112.32 (Official Build) beta (64-bit) under Windows 10 CU Home, and uBlock version 1.13.2 was automatically previously installed with no issues.
Concerns Chrome uses only I guess since FF encountered no issue with uBO 13.0
> Firefox users need to create the following three preferences using about:config
How does one create these shortcuts? I’ve always wanted shortcuts for uB0. How does one go about creating them in Firefox?
You need them only if you want to edit or remove those shortcuts.
Anyway, go to about:config then right click > new. I assume they’d have to be string values in this case.
I need an article on how to repair this broken extension after following this article’s advice on updating, lol.
I noticed the new icon yesterday on uB0 for FireFox. Very, very useful, especially if you want to get rid of those pesky overlays on some random website that you may not visit again (:
Edit: if only there was a way to exit the elemnt zapper UI in case I change my mind. I can’t seem to find it if there is one.
>if only there was a way to exit the elemnt zapper UI in case I change my mind.
Be it the zapper or the element picker mode, the [ESC] key exits those modes immediately.
Thanks. Of course the key that quits most instances also exist uB0’s picker. I always forget about it :)
uBlock Origin 1.13 running 5/5 here on Firefox ESR 52.2.0 (64-bit).
ALT-L -> Logger, easier ( also available with chrome://ublock0/content/logger-ui.html )
ALT-X -> Element Picker, easier!
ALT-Z -> Zapper : fast ‘n’ fun, great indeed for one of those touch’n’go sites which include fatness but aren’t aimed by the user at being put on an Element Picker diet!
I read also on uBO’s AMO page about the 1.13.0 version,
“Improved compatibility with Adguard’s filter lists
See #2624. I do plan to add Adguard’s English filter lists to uBO’s stock filter lists for the next stable release.
Given that both Adguard and uBO support advanced filter syntax not supported by ABP (which advanced syntax benefit end users and make a filter list maintainer’s life easier), and given that EasyList maintainers are limiting themselves to support no more than what ABP can support, enabling Adguard’s filter lists as default list in their respective locale is something I am considering.”
Interesting, meaning that Adblock filters used with uBO is comparable to using a car rather than a dragster. Adblock is somehow elementary in blocking given its architecture, in a way what was once a leading product is falling into history in this that it basically basic.
Me like u’Block Origin’ very much, true love :)
Manual install works but it’s cumbersome!
Yup, I can’t install it, because as soon as I installe it gets corrupted and disabled!
FYI, v1.13 is broken for many people under Chrome, which reports the extension as corrupted.
I don’t have this problem, it’s on 1.13 and it’s running fine.
@Jed, that’s 1.13.2 not 1.13 (on your picture) — 1.13.2 fixed the problem.
Yep http://i.imgur.com/4Nv27dw.png
Jed, 1.13 on Chrome?
You can fix it by using Developer Mode and installing unpacked extension version. Obviously it’s a temporary workaround but works great!
I’m having this issue also (Chrome Beta on Win 10 Pro).
Same failure with 1.13 and Chrome Version 59.0.3071.109 (Official Build) (64-bit).
On another PC I still have uBlock Origin 1.12.4 and it continues to work fine with the same Chrome build.
@Martin
Have this problem now. Using Comodo AdBlocker instead until uBlock Origin 1.14 is released.
You might want to pull this article until this issue is fixed by the developer.
What’s the difference between Element Zapper and right click on web page –> Block Element ?
Did you read the article?
Yes, I did. But it only said something about creating rules, not about the Block Element feature in the context menu.
Block element creates a rule making the change permanent.
The Zapper is clearly more efficient than using Firefox’s built in method for that, accessed through pressing F12 and selecting the Dev tool’s element picker thing. Since that tool’s purpose is a bunch of things and not only temporarily deleting a page element, I’m glad uBlock introduced the zapper.
Thanks :)