CHROME EXTENSION — MANIFEST V3

YouTube Shorts Blocker

Brskalniška razširitev za Chrome, Brave in Edge, ki preusmerja YouTube Shorts na navadne video strani in odstrani vse Shorts elemente iz vmesnika — brez sledenja, brez zunanjih zahtev.

JavaScript Manifest V3 Chrome Extension declarativeNetRequest Brave / Edge
Oglej si funkcije
// 00 — ZAKAJ SEM GA NAREDIL

YouTube za tebe, ne za algoritem

Shorts so zasnovani za neskončno drsanje — ne za kakovostno gledanje. Razširitev vrne nadzor nazaj v roke uporabnika.

Več fokusa
Shorts so narejeni za hitro porabo pozornosti. Blocker pomaga, da YouTube uporabljaš bolj namensko.
Manj distrakcij
Odpreš YouTube zaradi enega videa, končaš pa v neskončnem feedu Shortsov.
Boljša produktivnost
Posebej uporaben za študij, delo ali research, kjer nočeš "doomscrollanja".
Boljša uporabniška izkušnja
Nekateri uporabniki želijo klasičen YouTube, ne TikTok-style formata.
Več kontrole
Uporabnik sam določi, kako želi uporabljati YouTube — platforma se prilagodi tebi.
Manj zasvojljivega vedenja
Shorts so optimizirani za engagement, ne nujno za kakovostno porabo časa.
Čistejši vmesnik
Odstrani nepotrebne elemente in naredi UI bolj miren in pregleden.
Preusmeritev na navaden video
Če je vsebina dostopna kot navaden video, jo še vedno pogledaš — brez Shorts izkušnje.
// 01 — RAZŠIRITEV

Vse nastavitve na enem kliku

Kompaktni popup omogoča hiter vklop in izklop razširitve ter nastavitev posameznih funkcij — brez odpiranja nastavitev.

Master stikalo — v sekundi onemogoči ali aktiviraj vse
Preusmeritev Shorts URL-jev na navadne video strani
Skrivanje vseh Shorts elementov v YouTubovem vmesniku
Nastavitve sinhronizirane med napravami prek chrome.storage.sync
Extension Popup
// 02 — NASTAVITVE

Popoln nadzor

Polna stran z nastavitvami ponuja vse možnosti konfiguracije — kam te preusmeri, ko Shorts ID ni na voljo, in katere funkcije so aktivne.

Fallback destinacija — domača stran ali zadnja stran pri neuspešni ekstrakciji ID-ja
Preusmeritev in skrivanje UI lahko vklopiš neodvisno
Nastavitve se ohranijo pri posodobitvi razširitve
Nastavitve
// 03 — KAKO DELUJE

Dve plasti zaščite

YouTube Shorts so blokirani na dveh nivojih — za trde navigacije in SPA navigacije, ki jih brskalnik ne obravnava kot novo zahtevo.

🛡️

Plast 1 — declarativeNetRequest (trde navigacije)

Service worker registrira dinamično DNR pravilo z regex vzorcem, ki ujame vsak /shorts/VIDEO_ID URL in ga prepiše v /watch?v=VIDEO_ID — preden se stran sploh naloži. Pokrije direktne URL-je, osvežitve in zunanje povezave.

Plast 2 — Content script (SPA navigacije)

YouTube je single-page aplikacija, ki navigira prek history.pushState(). DNR pravilo teh ne zajame. Content script omogoča zajem na treh točkah: ovije pushState/replaceState, posluša YouTubov yt-navigate-start event in kot fallback preveri URL po vsakem popstate.

🎨

Skrivanje UI — CSS + MutationObserver

Content script doda razred ysb-hide-shorts na <html> takoj ob document_start — pred vsakim izrisom. CSS pravila skrijejo stransko orodno vrstico, police na domači strani, kartice v feedu, zavihke na kanalih in iskalne čipe. MutationObserver zaznava dinamično dodane elemente.

// 04 — TEHNOLOGIJE

Tech stack

JavaScript (ES2022)
Manifest V3
declarativeNetRequest API
chrome.storage.sync
MutationObserver
CSS :has() selektorji
Chrome / Brave / Edge
← Nazaj na portfolio