Kategoriler
Kodlama

uBlock Origin ile CSS kontrolü

uBlock Origin tarayıcı eklentisi ile web sitelerinde CSS ile beğenmediğiniz kısımları değiştirmek üzerine.

Bildiğiniz gibi AdBlock ve uBlock Origin gibi tarayıcı uzantı/eklentilerinin ana görevi kullanıcıları web sitelerindeki can sıkıcı öğelerden özellikle reklamlardan kurtarmak. Burada reklamlar harici farklı kurallar kullanarak web sitelerindeki beğenmediğiniz diğer şeyleri de değiştirebileceğimizin örneklerini göstereceğim.

Bu konu hakkında ve daha fazla detaylı dokümana uBlock Origin GitHub sayfasından ulaşabilirsiniz https://github.com/gorhill/uBlock uBlock Origin ile aslında sadece CSS değil aslında web sitesi içerisinde geçen metinlere göre de kurallar yazılabilir, mesela has-text(/^jahrein/)) şeklinde yazacağınız bir kural “jahrein” ismi geçen bir metin gördüğünde istediğinizi yapar:

##div>:has-text(jahrein)

Yukarıdaki kod ile jahrein metni içeren tüm div’ler engellenir yani gösterilmez 🙂

Kaynak: https://github.com/gorhill/uBlock/wiki/Procedural-cosmetic-filters#cosmetic-filter-operators

Şimdi ana konumuza dönelim, burada aşağıda Youtube logosunu değiştirdiğim bir örnek vereceğim ve sanırım bu yeterlidir:

youtube.com##a#logo:style(position:relative)
youtube.com##a#logo::after:style(position:absolute;left:48px;font-size:medium;'YouTube Sans';content:"Volkan";display:block;color:var(--yt-spec-text);font-weight:600)
youtube.com##span#country-code:style(position:absolute;clip-path:circle(0))
youtube.com##a#logo .ytd-topbar-logo-renderer:style(clip-path:polygon(0 0, 38% 0, 38% 100%, 0% 100%))
youtube.com##a#logo svg:style(min-width:90px)
YouTube’dan sıkılınca: https://justpaste.it/youtube-to-volkan

Yukarıdaki kod Youtube logosunu düzenler, Youtube yerine Volkan yazdım ben, madem You evet You benim 🙂

uBlock Origin eklentisi hemen hemen her tarayıcı için vardır, Firefox, Chrome, Edge, Opera vb. bunların yanında birçok farklı uzantı ve uygulama da içerisinde uBlock Origin içerebilmektedir, çoğunlukla VPN ve güvenlik uygulamaları içerisinde vardır çünkü açık kaynak, ücretsiz ve gönüllü insanlar tarafından sürekli güncel.

Belki birilerinin işine yarar diye notlarıma eklemek istedim, okuduğunuz için teşekkürler.

WOLKANCA

Volkan Yılmaz

Digital Marketing & WordPress & SEO volkan@volkanyilmaz.com.tr