ublock-origin-filters - uBlock Origin फ़िल्टर से ध्यान भटकाने वाले तत्व हटाएँ

 (github.com/mig4ng)
2 पॉइंट द्वारा GN⁺ 2023-09-21 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • कुछ वेबसाइटों पर अनावश्यक ध्यान भटकाने वाले तत्वों को हटाने के लिए व्यक्तिगत uBlock Origin फ़िल्टर का संग्रह
  • तरीका यह है कि हर वेबसाइट पर केवल खास कामों की अनुमति दी जाए, और बाकी ऐसे तत्वों को निष्क्रिय किया जाए जो ध्यान भटका सकते हैं
  • उपयोग का तरीका: फ़िल्टर इम्पोर्ट करने के लिए 0-include-all.txt को uBlock Origin के Filter Lists > Import... में जोड़ें
  • लक्ष्य के अनुसार फ़िल्टर का उद्देश्य
    • Google अकाउंट पॉप-अप: कई वेबसाइटों पर दिखने वाले परेशान करने वाले Google पॉप-अप को निष्क्रिय करना
    • YouTube: recommended videos, autoplay, suggestions, Shorts आदि जैसे ध्यान भटकाने वाले तत्व हटाना, और उपयोग को वीडियो देखना·खोजना·अपलोड करना पर केंद्रित करना
    • Twitter: feed, sidebar आदि जैसे ध्यान भटकाने वाले तत्व हटाना, और उपयोग को किसी खास प्रोफ़ाइल की tweet feed देखना·tweet की सामग्री और replies देखना·tweet लिखना पर केंद्रित करना
    • LinkedIn: feed, sidebar आदि जैसे ध्यान भटकाने वाले तत्व हटाना, और उपयोग को प्रोफ़ाइल·कंपनी देखना, खास पोस्ट पढ़ना, संदेशों का जवाब देना, पोस्ट लिखना पर केंद्रित करना
    • Stack Overflow और Stack Exchange: score, प्रोफ़ाइल फ़ोटो, interaction notifications हटाना, और उपयोग को सवालों के शीर्ष उत्तर पढ़ने पर केंद्रित करना
  • इसमें यह नोट भी शामिल है कि YouTube के लिए अभी Firefox extension Unhook का उपयोग किया जा रहा है, और संभव है कि इसे फ़िल्टर से बदला जा सके

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2023-09-21
Hacker News की राय

  • बहुत सारे विज्ञापन और sidebar ब्लॉक करने के बाद, बचे हुए टेक्स्ट elements को चौड़ा करके खाली जगह का दोबारा इस्तेमाल करना भी उपयोगी है
    उदाहरण के लिए :xpath(//main/div):style(min-width: 80% !important) जैसा
    इससे आगे, कुछ sites पर column-count: rule डालकर screen को अखबार जैसा दिखाने की कोशिश की, लेकिन उम्मीद से ज्यादा tuning करनी पड़ी और आधुनिक websites का DOM layout लगभग प्रदूषित इलाके जैसा है
    https://developer.mozilla.org/en-US/docs/Web/CSS/column-coun...
    uBlock से column-count: inject करने का न्यूनतम उदाहरण यहां है: 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)

    • इस point पर शायद content को RSS से लाकर reader में columns के रूप में style करना बेहतर हो सकता है
      मुझे column वाला तरीका पसंद है, और जिन्हें नियमित रूप से देखता हूं उनके लिए कई smart filters के साथ RSS-केंद्रित setup पर लौटने की कोशिश कर रहा हूं। लगता है कि शुरुआत में RSS छोड़ना ही नहीं चाहिए था
    • अच्छा होगा अगर इसे Firefox के reading mode के ऊपर भी काम कराया जा सके
    • uBO और Stylus से कई sites को फिर से सजाना मुझे काफी पसंद है, लेकिन कई मामलों में बस Reader Mode पर switch करना ज्यादा तेज और बेहतर होता है
      हमेशा संभव नहीं होता, लेकिन काफी बार हो जाता है
    • पहला rule अच्छा trick है। कभी-कभी किसी element को हटाने पर site टूट जाती है

  • uBlock Origin में Options > Filter Lists > Annoyances पर जाकर ये items enable कर दें
    "AdGuard – Annoyances"
    "EasyList – Annoyances"
    "uBlock filters – Annoyances"
    ऐसा करने से websites के 99.9% परेशान करने वाले elements मुख्य functionality खराब किए बिना हटाए जा सकते हैं। कई सालों से Chrome की हर fresh install पर ऐसा करता आया हूं और असर बहुत अच्छा है

    • इंटरनेट के असल में दो versions हैं, और आप कौन-सा इस्तेमाल करते हैं यह इस पर निर्भर करता है कि आपका ad blocker कितना अच्छे से configured है
      छुट्टियों में मां का laptop इस्तेमाल करते हुए थोड़ी देर के लिए समझ नहीं आया कि देखी हुई sites इतनी अलग क्यों लग रही हैं; लगभग हर site ads से भरी हुई थी। paragraphs के बीच banners, ads से भरे sidebars, और सामान बेचने वाली background images तक थीं, इसलिए वे मेरे परिचित रूप से बिल्कुल अलग दिख रही थीं
    • क्या AdGuard, EasyList से बेहतर है?

  • अगर आप uBlock Origin इस्तेमाल करते हैं, तो उत्सुक हूं कि इस project को शुरू करने से पहले आपने ये filters uBlock Annoyances या EasyList Annoyances lists में submit करके देखे थे या नहीं
    एक और नई Annoyances list बनाने की तुलना में यह कहीं ज्यादा लोगों की मदद कर सकता है
    https://github.com/uBlockOrigin/uAssets

    • यह सिर्फ परेशान करने वाला element नहीं, बल्कि site की core functionality के करीब है
    • कुछ Annoyances lists websites पर RSS feed होने के visual cues तक जरूरत से ज्यादा हटा सकती हैं
    • इस list के बारे में नहीं पता था। इसे अपने filters में भी जोड़कर देखना और यह check करना worth it है कि मेरे बनाए rules वहां भी लागू होते हैं या नहीं

  • निजी तौर पर, काम वाले कंप्यूटर पर मुझे Stack Exchange के ट्रेंडिंग सवाल छिपाने पड़ते हैं। मेरे लिए ये लगभग बिल्ली के लिए catnip जैसी चीज़ हैं
    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
    और कई साइटें prefers-reduced-motion को नज़रअंदाज़ करती हैं, इसलिए अंतहीन carousel या प्यारे decorative animations जैसी visual distractions भी अक्सर छिपा देता हूँ

    • React component lifecycle वाला सवाल हल करने गया था, और देखते-देखते Dungeons & Dragons के किसी पेचीदा rules exception पर क्लिक कर बैठा
    • लंबे समय तक मैंने उस कॉलम पर बिल्कुल ध्यान नहीं दिया। क्योंकि दिमाग ने सीख लिया था कि उस जगह पर जो कुछ भी है, वह सब बेकार सजावट है
      एक दिन सच में कुछ सवाल पढ़े और वे काफी दिलचस्प निकले, तो हैरानी हुई, और पूरी तरह समझ गया कि इसे catnip जैसा क्यों कहते हैं। शुक्र है कि इसे खुद बंद करने का switch है, इसलिए लत से बचा जा सकता है
    • मेरे साथ भी कुछ ऐसा ही है, लेकिन मैं बस element selector इस्तेमाल करता हूँ, इसलिए rules का रूप थोड़ा अलग है
      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
      अफसोस, मैंने comments लगाकर नहीं रखा कि इनमें से हर एक किस लिए है। एक शायद vote मांगने वाले banner जैसा हो सकता है, और दूसरा शायद “Featured on Meta” box और वह left sidebar होगा जिसे मैं बिल्कुल इस्तेमाल नहीं करता। ऊपर नहीं है, लेकिन हाल में परेशान करने वाला “New Search AI Experience” popup भी अलग से block किया है
      cookie banners के लिए अलग ruleset है, यह अच्छी बात है, लेकिन वही ruleset सबसे ज़्यादा समस्याएँ पैदा करता है। अगर cookie banner से interact न करें, तो कुछ sites ठीक से काम नहीं करतीं या बिल्कुल load ही नहीं होतीं। uBlock के बिना आधुनिक internet सच में नापसंद है
    • ये rules शानदार हैं। repository के StackOverflow PR में contribute कर सकते हैं: https://github.com/mig4ng/ublock-origin-filters/pull/4

  • मैं भी मिलता-जुलता तरीका इस्तेमाल करता हूँ, लेकिन मेरा मकसद privacy protection और algorithmic feeds से बचना है
    Firefox के Redirector extension से YouTube, Twitter, StackOverflow links को क्रमशः Piped, Nitter, AnonymousOverflow जैसे alternative frontends पर redirect करता हूँ। ऐसे projects और instances की maintained lists भी हैं
    ज्यादातर free open source हैं और privacy का सम्मान करते हैं, और ethical software होने की वजह से संयोग से distraction-free frontend भी देते हैं
    https://github.com/digitalblossom/alternative-frontends
    https://farside.link

    • सच में अच्छा है। distraction-free alternative services बनाने और somehow redirect करने का मिलता-जुलता idea मैंने अपनी bucket list में रखा हुआ था
      यह जानकर खुशी हुई कि किसी और ने भी ऐसा सोचा है और इसके implementations पहले से online मौजूद हैं

  • पहले मैंने Reddit और 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)

    • Reddit ने फिलहाल awards बंद कर दिए हैं, लेकिन पुराने posts पर filter अब भी apply होता है
    • आखिरी rule क्या करता है?

  • यह internet भर में फैले Login With Google popup को हटाने वाला rule है
    accounts.google.com/gsi/iframe
    यह Google login button को खुद नहीं बिगाड़ता, इसलिए अगर सच में ज़रूरत हो तो Google account से login कर सकते हैं

    • एक बार इस्तेमाल करके देखूँगा, ठीक लगा तो मैं भी add कर सकता हूँ। वे popups परेशान करते हैं

  • Hacker News के लिए uBlock Origin filters का इस्तेमाल मैं इस तरह कर रहा हूँ
    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)
    comments की चौड़ाई को लगभग 10 शब्दों तक सीमित करके पढ़ने में आसान बनाता हूँ, और कुछ रंग भी बदलता हूँ। अगर कोई सुधार हो तो बताइए

    • मुझे नहीं पता था कि uBlock filters में style जोड़ सकते हैं
      readability और debugging की सुविधा के कारण शायद फिर भी Stylus को ज़्यादा पसंद करूँगा, लेकिन जानना अच्छा है
      और font-weight: italic; शायद typo लगता है

  • मैं भी uBlock को कुछ ऐसा ही इस्तेमाल कर रहा हूँ। पिछले 8 सालों में सैकड़ों custom filters जमा कर लिए हैं, और सबसे हाल में IMDb पर spoilers छिपाने के लिए rules जोड़े हैं
    ! 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

    • यह छिपाना भी अच्छा हो सकता है कि actor उस work में कितने episodes में दिखाई दिया। उस जानकारी से मैं कई बार spoil हो चुका हूँ
    • जिज्ञासा है कि क्या आपने बाकी filters भी public रखे हैं। क्या share कर सकते हैं?

  • Arc में customization सुधारने के लिए built-in feature है। इसे Boosts कहते हैं, कुछ clicks में खुद बना सकते हैं, और ज़रूरत हो तो custom CSS/JS भी जोड़ सकते हैं
    Facebook, Twitter, Reddit, Medium, Gmail, YouTube वगैरह ज़्यादातर sites पर distracting elements हटाने के लिए मैं इसका खूब इस्तेमाल करता हूँ, और सच में life-changing जैसा है
    दूसरे users द्वारा share किए गए Boosts यहाँ देख सकते हैं: https://arc.net/boosts

    • Arc के vertical tabs मुझे सच में बहुत पसंद हैं। पहले Firefox में nested tabs वाले vertical tabs इस्तेमाल किए थे और flow अच्छा था
      किसी topic में गहराई से जाते समय बनने वाले tabs के rabbit hole को एक group के अंदर सीमित कर पाना शानदार है। खत्म होने पर group बंद करके सिर्फ वे tabs रख सकते थे जिन्हें वाकई बचाकर रखना चाहते थे, और मुझे वह याद आता है
      अभी इसे set up करने में समय लगा था, और devices के बीच sharing और long-term storage के लिए इसे declaratively code की तरह manage करने का आसान तरीका नहीं है, इसलिए इस्तेमाल नहीं कर रहा। तरीका मिला तो फिर आज़मा सकता हूँ
      Arc इस्तेमाल किया है, लेकिन कुछ चीज़ें पसंद नहीं आईं। यह open source नहीं है और Boosts भी शायद नहीं हैं। Chromium-based है, इसलिए यह मेरी उस सोच से मेल नहीं खाता कि Firefox या दूसरे browsers market share बनाए रखें। Google से नफ़रत नहीं है, लेकिन मैं नहीं चाहता कि एक company web पर हावी हो। और लगता है यह सिर्फ macOS, iOS पर चलता है, हालांकि अभी भी ऐसा है या नहीं, पता नहीं
    • अब तक आए browsers में Arc का browser UI सबसे अच्छा है। बाकी मूल रूप से अभी भी 2000s के आख़िरी दौर में अटके हुए हैं