top | item 28411146

(no title)

NowhereMan | 4 years ago

I've been using the eye dropper a lot lately. It's great for making websites usable. It even works on mobile for disabling hostile ux elements such as "xyz is better with the app" nags.

discuss

order

Macha|4 years ago

Yeah, the new Wikia/Fandom design finally drove me to start taking very liberal usage of custom rules

Qi_|4 years ago

I must’ve purged over 50% of visual elements from Fandom wikis with my uBlock filters. It’s outrageous how much garbage is served. I wonder what their UX design meetings look like.

o10449366|4 years ago

For me it's the element rules. Being able to hide every post that contains "____ liked this" on LinkedIn/FB actually makes them tolerable.

toastal|4 years ago

I recently did it to hide the social aspects on the GitHub homepage... no explore sidebar, no reactions in the main feed.

defaulty|4 years ago

I never realized what this feature did. Thank you! (And thank you to the developers)

chrismorgan|4 years ago

Well, the icons are just terrible, utterly insipid and lacking in power. It needs labels rather than icons, and better names for “zapper” and “picker” too (something like “remove elements from this page” versus “block elements from this site”).

I’m not sure if browsers apply height limits to these popups, but if not, almost every time there will be oodles of space for full labels and replacing the two single rows of buttons with columns. And even if scrolling is introduced, that’d still be better.

lordnacho|4 years ago

This is one of the best hidden features of uBlock. While we're on the topic, how does one effectively block facebook ads?

I've got simple rules to chop the ads from LinkedIn, but if you do an inspect on FB, they've been very sneaky about how the elements are set up, eg it doesn't just say "Sponsored" in a string, it's a weird mash that ends up looking like that when rendered but hard to nail down.

Then again I'm more of a backend dev, so maybe that's why I don't know what to do.

danuker|4 years ago

> weird mash that ends up looking like that when rendered but hard to nail down.

It is designed to be very hard to select automatically. It is also why I don't use Facebook more than 5 minutes a week - it is among the only services where ads annoy me.

Stephen304|4 years ago

This has been working for me for a while, though it seems lots of people get different html so it may not work for you:

  facebook.com##div[data-pagelet*="FeedUnit"]:has(div[aria-label="Sponsored"])
  facebook.com##div[data-pagelet*="FeedUnit"]:has(span[aria-label="Sponsored"])
  facebook.com##div[data-pagelet*="FeedUnit"]:has(a[aria-label="Sponsored"])
  facebook.com##div[data-pagelet*="FeedUnit"]:has-text(Suggested for You)

efreak|4 years ago

The eye dropper is also quite useful for writing userscripts and userstyles directly on Android; I tap the element, hit preview to see what happens (margins, padding, border collapse, etc), type a note at the end of the element name and sirens it to the clipboard, then move on. Back in the editor, I just paste my notes from the clipboard, and I can quickly write up a stylesheet override for a dynamic webpage without resorting to debugging on my desktop.

I don't understand why Firefox mobile can't be used to debug another Firefox mobile, I I'd love it if I could open devtools off to the side and see a live tree view instead of manually prefixing the URL with `view-source:` only to find out the html doesn't actually include any content.

sails|4 years ago

This feature is so good but so confusing to use, really the best thing about ublock beyond the ad-blocking. I use very extensively, I almost wish it was a standalone tool, so that the filtering aspects could be shared more easily.

w-ll|4 years ago

Are you on Android? I keep hearing FireFox and extensions like uBlock work on mobile, but it doesn't seam to be the case on iOS.

hulahoof|4 years ago

I believe that's because all browsers on iOS are essentially safari wrappers

webmobdev|4 years ago

On ios you have to use Firefox Focus. But it doesn't do as good a job as Firefox + uBlock Origin.

hammock|4 years ago

How do I use it on mobile? I can't find the download link for android.

Normille|4 years ago

Yandex Browser on Android [which is based on Chrome] supports Chrome extensions. I'm running it with uBlock Origin, Privacy Badger and a few others. If an extension won't load directly from the Chrome Webstore you can toggle 'Developer Mode' under 'chrome://extensions' and load the downloaded and unpacked CRX directly.

josephcsible|4 years ago

For what browser? If Chrome, then you're out of luck: mobile Chrome doesn't support extensions. If Firefox, then just open the menu and go to Add-ons.

jmrm|4 years ago

It also blocks the paywall in some webs that aren't too well designed (the content is loaded under a frame that hide it). It's great to have such a good tool.