ublock-origin-filters - Menghapus gangguan dengan filter uBlock Origin

 (github.com/mig4ng)
2 poin oleh GN⁺ 2023-09-21 | 1 komentar | Bagikan ke WhatsApp
  • Kumpulan filter uBlock Origin pribadi untuk menghapus elemen pengganggu yang tidak perlu di sebagian situs web
  • Caranya adalah hanya mengizinkan tugas tertentu yang dilakukan di tiap situs web, lalu menonaktifkan elemen lain yang bisa mengalihkan perhatian
  • Cara penggunaan: tambahkan 0-include-all.txt ke Filter Lists > Import... di uBlock Origin untuk mengimpor filter
  • Tujuan filter per target
    • Popup akun Google: menonaktifkan popup Google yang mengganggu dan muncul di berbagai situs web
    • YouTube: menghapus gangguan seperti video rekomendasi, autoplay, saran, Shorts, dan berfokus pada menonton, mencari, serta mengunggah video
    • Twitter: menghapus gangguan seperti feed dan sidebar, serta berfokus pada melihat feed tweet dari profil tertentu, melihat isi tweet dan komentar, serta menulis tweet
    • LinkedIn: menghapus gangguan seperti feed dan sidebar, serta berfokus pada melihat profil dan perusahaan, membaca posting tertentu, membalas pesan, serta menulis posting
    • Stack Overflow dan Stack Exchange: menghapus skor, foto profil, dan notifikasi interaksi, serta berfokus pada membaca jawaban teratas untuk pertanyaan
  • Untuk YouTube, saat ini menggunakan ekstensi Firefox Unhook, dengan catatan bahwa mungkin bisa digantikan oleh filter

Bacaan terkait

1 komentar

 
GN⁺ 2023-09-21
Komentar Hacker News

  • Setelah memblokir banyak iklan dan sidebar, memperlebar elemen teks yang tersisa untuk memakai kembali ruang kosong juga berguna
    Misalnya dengan cara seperti :xpath(//main/div):style(min-width: 80% !important)
    Lebih jauh lagi, untuk beberapa situs saya mencoba menambahkan aturan column-count: agar layar terlihat seperti koran, tetapi ternyata ada lebih banyak hal yang perlu disesuaikan daripada yang saya kira, dan layout DOM situs web modern hampir seperti kawasan tercemar
    https://developer.mozilla.org/en-US/docs/Web/CSS/column-coun...
    Contoh minimal injeksi column-count: dengan uBlock ada di sini: https://i.ibb.co/k3bRwhP/example-1.webp
    theguardian.com###maincontent:style(margin-left: -28vw !important; min-width: 90vw !important; column-count: 4 !important)
    theguardian.com##div:style(border: none !important)

    • Pada titik ini, mungkin lebih baik mengambil konten melalui RSS lalu menatanya dalam bentuk kolom di reader
      Saya suka gaya kolom, dan untuk hal-hal yang rutin saya baca, saya sedang mencoba kembali berpusat pada RSS dengan berbagai filter pintar. Rasanya sejak awal kita memang tidak seharusnya meninggalkan RSS
    • Akan bagus kalau ini bisa dibuat bekerja di atas mode baca Firefox juga
    • Saya cukup suka mendesain ulang berbagai situs dengan uBO dan Stylus, tetapi dalam banyak kasus lebih cepat dan lebih baik cukup beralih ke Reader Mode
      Tidak selalu memungkinkan, tetapi cukup sering bisa
    • Aturan pertama adalah trik yang bagus. Kadang situs jadi rusak kalau kita menghapus suatu elemen

  • Di uBlock Origin, buka Options > Filter Lists > Annoyances lalu aktifkan item berikut
    "AdGuard – Annoyances"
    "EasyList – Annoyances"
    "uBlock filters – Annoyances"
    Dengan begitu, 99,9% elemen mengganggu di situs web bisa dihilangkan tanpa merusak fungsi utama. Selama bertahun-tahun saya selalu melakukan ini setiap kali memasang Chrome baru, dan hasilnya sangat bagus

    • Internet pada dasarnya punya dua versi, dan versi mana yang Anda pakai bergantung pada seberapa baik ad blocker Anda dikonfigurasi
      Saat liburan saya sempat memakai laptop ibu saya dan sempat bingung kenapa situs-situs yang saya kunjungi terlihat begitu berbeda; ternyata hampir semua situs dipenuhi iklan. Ada banner di antara paragraf, sidebar penuh iklan, bahkan gambar latar yang menjual barang, jadi tampilannya sama sekali berbeda dari yang biasa saya lihat
    • Apakah AdGuard lebih baik daripada EasyList?

  • Jika memakai uBlock Origin, saya penasaran apakah sebelum memulai proyek ini Anda sudah mencoba mengajukan filter tersebut ke daftar uBlock Annoyances atau EasyList Annoyances
    Itu bisa membantu jauh lebih banyak orang daripada membuat daftar Annoyances baru lagi
    https://github.com/uBlockOrigin/uAssets

    • Ini bukan sekadar elemen yang mengganggu, melainkan lebih dekat ke fungsi inti situs
    • Beberapa daftar Annoyances bisa terlalu agresif sampai menghapus petunjuk visual bahwa sebuah situs web memiliki feed RSS
    • Saya tidak tahu soal daftar ini. Layak dicoba untuk ditambahkan ke filter saya juga, lalu mengecek apakah aturan yang saya buat juga berlaku di sana

  • Secara pribadi, di komputer kerja saya harus menyembunyikan pertanyaan trending di Stack Exchange. Bagi saya, itu hampir seperti catnip untuk kucing
    askubuntu.com###hot-network-questions
    serverfault.com###hot-network-questions
    stackexchange.com###hot-network-questions
    stackoverflow.com###hot-network-questions
    superuser.com###hot-network-questions
    Selain itu, banyak situs mengabaikan prefers-reduced-motion, jadi saya juga sering menyembunyikan distraksi visual seperti carousel tanpa akhir atau animasi dekoratif yang lucu

    • Saya masuk untuk memecahkan pertanyaan tentang siklus hidup komponen React, lalu tanpa sadar malah mengklik pengecualian aturan yang rumit di Dungeons & Dragons
    • Sudah lama saya sama sekali tidak memperhatikan kolom itu. Karena otak saya sudah belajar bahwa semua yang ada di posisi itu hanyalah hiasan tak berguna
      Suatu hari saya benar-benar membaca beberapa pertanyaannya dan terkejut karena isinya cukup menarik; saya jadi benar-benar paham kenapa disebut seperti catnip. Untungnya ada tombol untuk mematikannya sendiri, jadi kecanduannya bisa dihindari
    • Saya juga mirip, tapi saya hanya memakai selector elemen, jadi bentuk aturannya sedikit berbeda
      stackoverflow.com##.c-pointer.js-quack-btn
      stackoverflow.com##.js-step01.js-step.step.ws-nowrap
      stackoverflow.com##.js-step02.js-step.step.has-width.ta-center
      stackoverflow.com##.quack-popover--arrow
      stackoverflow.com###overlay-header
      stackoverflow.com###feed-link
      stackoverflow.com##.mb16.s-anchors__default.s-anchors.s-sidebarwidget__yellow.s-sidebarwidget
      stackoverflow.com##.grid--cell.js-reactions
      stackoverflow.com##.mb16.s-anchors__grayscale.s-anchors.s-sidebarwidget__yellow.s-sidebarwidget
      Sayangnya saya tidak menambahkan komentar untuk menjelaskan masing-masing itu buat apa. Salah satunya mungkin banner semacam permintaan vote, dan yang lain sepertinya kotak “Featured on Meta” serta sidebar kiri yang sama sekali tidak saya pakai. Tidak ada di atas, tapi belakangan saya juga memblokir popup “New Search AI Experience” yang menyebalkan
      Untungnya banner cookie punya set aturan terpisah, tapi aturan itulah yang paling sering menimbulkan masalah. Kalau tidak berinteraksi dengan banner cookie, sebagian situs tidak bekerja dengan benar atau bahkan tidak dimuat sama sekali. Saya benar-benar benci internet modern tanpa uBlock
    • Aturan-aturan ini bagus. Kamu juga bisa berkontribusi ke PR StackOverflow di repositori: https://github.com/mig4ng/ublock-origin-filters/pull/4

  • Saya memakai pendekatan serupa, tapi tujuan saya adalah melindungi privasi dan menghindari feed algoritmik
    Dengan ekstensi Redirector di Firefox, saya mengalihkan tautan YouTube, Twitter, dan StackOverflow masing-masing ke frontend alternatif seperti Piped, Nitter, dan AnonymousOverflow. Ada juga daftar terpelihara untuk proyek dan instance semacam ini
    Sebagian besar bebas dan open source, menghormati privasi, dan berkat sifatnya sebagai perangkat lunak yang etis, secara kebetulan juga menyediakan frontend yang bebas distraksi
    https://github.com/digitalblossom/alternative-frontends
    https://farside.link

    • Bagus sekali. Saya sempat menaruh ide serupa di bucket list: membuat layanan alternatif yang bebas distraksi lalu entah bagaimana mengalihkannya
      Senang mengetahui ada orang yang berpikiran sama dan sudah ada versi yang diimplementasikan online

  • Dulu saya pernah merangkum cara menghapus hiasan pemancing pembayaran di Reddit dan Twitter
    reddit.com##.awarding-icon
    reddit.com##.awardings-bar
    reddit.com##.give-gold-button
    twitter.com##:xpath(//div[contains(@style, "hex-hw-shapeclip-clipconfig")]):style(clip-path: circle(50%) !important)

    • Untuk saat ini Reddit sudah menghentikan awards, tapi filternya masih berlaku pada posting lama
    • Aturan terakhir itu melakukan apa?

  • Ini aturan untuk menghilangkan popup Login With Google yang tersebar di berbagai tempat di internet
    accounts.google.com/gsi/iframe
    Ini tidak merusak tombol login Google itu sendiri, jadi kalau memang perlu, Anda tetap bisa login dengan akun Google

    • Saya akan coba dulu, dan kalau bagus mungkin saya juga akan menambahkannya. Popup-popup itu menyebalkan

  • Saya menggunakan filter uBlock Origin untuk Hacker News seperti ini
    news.ycombinator.com##.comment:style(max-width: 70ch !important; overflow: hidden !important;)
    news.ycombinator.com##.c00:style(color: #3f3f3f !important;)
    news.ycombinator.com##.comhead:style(background: #e6e6df; font-weight: italic; color: #686868 !important;)
    news.ycombinator.com##.hnuser:style(background: #e6e6df; font-style: italic; color: #575757 !important;)
    news.ycombinator.com##html:style(filter:invert(100%) hue-rotate(180deg); background: white)
    Saya membatasi lebar komentar menjadi sekitar 10 kata agar lebih enak dibaca, dan juga mengubah sebagian warnanya. Kalau ada yang bisa diperbaiki, beri tahu saya

    • Saya tidak tahu bahwa style bisa ditambahkan ke filter uBlock
      Karena keterbacaan dan kemudahan debugging, sepertinya saya masih akan lebih memilih Stylus, tetapi ini bagus untuk diketahui
      Dan font-weight: italic; sepertinya salah ketik

  • Saya memakai uBlock dengan cara yang mirip. Selama 8 tahun terakhir saya menumpuk ratusan filter kustom, dan yang paling baru saya menambahkan rule untuk menyembunyikan spoiler di IMDb
    ! 2023-09-05 Hide episode's description and image (+ watchlist for not breaking the layout) [new experimental IMDb layout]
    imdb.com##article.episode-item-wrapper .ipc-slate
    imdb.com##article.episode-item-wrapper .ipc-html-content
    imdb.com##article.episode-item-wrapper .ipc-watchlist-ribbon
    ! 2023-09-05 Hide top rated episode's description both on a TV page and an episode page
    imdb.com##[data-testid="episodes-top-rated-card"] ul + div

    • Mungkin bagus juga menyembunyikan berapa episode aktor itu tampil dalam karya tersebut. Saya pernah beberapa kali kena spoiler dari informasi itu
    • Saya penasaran apakah filter lainnya juga sudah dipublikasikan. Bisa dibagikan?

  • Arc punya fitur bawaan untuk memperbaiki tampilan. Namanya Boosts, bisa dibuat sendiri dengan beberapa klik, dan jika perlu bisa menambahkan CSS/JS kustom
    Saya banyak memakainya untuk menghapus elemen yang mengganggu di sebagian besar situs seperti Facebook, Twitter, Reddit, Medium, Gmail, YouTube, dan benar-benar sampai mengubah hidup
    Boosts yang dibagikan pengguna lain bisa dilihat di sini: https://arc.net/boosts

    • Saya benar-benar suka tab vertikal di Arc. Dulu saya pernah memakai tab vertikal dengan tab bersarang di Firefox, dan alurnya bagus
      Menarik sekali bisa mengurung rabbit hole tab yang muncul saat mendalami suatu topik di dalam satu grup. Setelah selesai, grupnya bisa ditutup sehingga hanya tab yang memang ingin saya sisakan yang tetap ada, dan saya merindukan itu
      Sekarang saya tidak memakainya karena butuh waktu untuk mengaturnya, dan tidak ada cara mudah untuk mengelolanya secara deklaratif seperti kode agar bisa dibagikan antarperangkat dan disimpan jangka panjang. Kalau menemukan caranya, saya mungkin akan memakainya lagi
      Saya sudah mencoba Arc, tetapi ada beberapa hal yang tidak saya suka. Bukan open source, dan Boosts sepertinya juga begitu. Karena berbasis Chromium, itu tidak sejalan dengan keinginan saya agar Firefox atau browser lain tetap mempertahankan pangsa pasar. Saya tidak membenci Google, tetapi saya tidak ingin satu perusahaan mendominasi web. Selain itu sepertinya hanya tersedia di macOS dan iOS, meski saya tidak tahu apakah masih begitu
    • Arc punya UI browser terbaik sejauh ini. Yang lain pada dasarnya masih tertahan di akhir 2000-an