Mostanában sok problémám van a koncentrációval és azzal, hogy könnyen elvonom magam. Ennek jó részét annak tulajdonítom, hogy a Youtube kezdőlapja mindig rengeteg különféle videót szív be. Mint valaki, aki gyakran használja a Youtube-ot tanulási eszközként, szükségem volt egy módra, hogy a Youtube-ot anélkül tudjam használni, hogy attól félnék, hogy félrecsúsznak. Röviden összefoglalva úgy döntöttem, hogy megpróbálok létrehozni egy Chrome-bővítményt, hogy eltávolítsam a videókat a kezdőlapról.
Nincs tapasztalatom bővítmények írásában, ezért megnyitottam egy lapot új legjobb barátunkkal, a Chat-GPT-vel, és dolgozni kellett. (Azzal, hogy munkába álltam, megkértem a mesterséges intelligenciát, hogy csinálja meg helyettem)
A válasz elég egyértelműnek tűnt, és kissé szkeptikus voltam, mert tudom, hogy lehet, hogy rossz, de kellemesen meglepődtem, amikor végül sikerült.
Először a bővítmény telepítése után nem volt észrevehető különbség. De néhány iteráció után a GPT azt mondta, hogy probléma lehet a kódbázisának rendszeres frissítése miatti Youtube és az a tény, hogy a GPT körülbelül 2 évvel le van maradva mögöttünk. Tehát miután rájöttem, hogy a plugin valószínűleg működik, csak rossz elemet céloz meg, felugrottam a Youtube-ra, megnyitottam az ellenőrt, és magam találtam meg a megfelelő elemet.
Ha saját maga szeretné használni ezt a beépülő modult, a két fájl letöltése helyett csatolom az alábbi utasításokat.
- Állítsa be a fejlesztői környezetet
- Telepítse a Google Chrome-ot számítógépére, ha még nem tette meg.
- Telepítsen egy kódszerkesztőt, például a Visual Studio Code-ot vagy a Sublime Text-et.
- Ismerje meg a JavaScriptet, a HTML-t és a CSS-t.
2. Hozzon létre egy új könyvtárat a bővítményhez
- Hozzon létre egy új könyvtárat a számítógépén, ahol tárolja a beépülő moduljait.
- Nyissa meg a kódszerkesztőt, és hozzon létre egy manifest.json nevű új fájlt az imént létrehozott könyvtárban.
- Másolja ki és illessze be a következő kódot a manifest.json fájlba:
{ "manifest_version": 2, "name": "YouTube Recommended Videos Remover", "version": "1.0", "description": "Removes the YouTube feed of recommended videos on the homepage.", "permissions": [ "tabs" ], "content_scripts": [ { "matches": ["https://www.youtube.com/*"], "js": ["content.js"], "run_at": "document_idle" } ] }
- Ez a kód beállítja a beépülő modul alapvető adatait, például a nevét, verzióját és leírását, valamint a működéséhez szükséges engedélyeket és a YouTube-oldalakba beillesztendő tartalomszkriptet.
3. Hozzon létre egy tartalomszkriptet
- Hozzon létre egy új fájlt a beépülő modul könyvtárában content.js néven.
- Másolja ki és illessze be a következő kódot a content.js fájlba:
function removeRecommendedVideos() { var recommendedVideos = document.querySelector('#contents'); if (recommendedVideos) { recommendedVideos.style.display = 'none'; } } removeRecommendedVideos(); window.addEventListener('load', removeRecommendedVideos); window.addEventListener('scroll', removeRecommendedVideos);
- Ez a kód egy removeRecommendedVideos nevű függvényt határoz meg, amely eltávolítja az oldalról az ajánlott videók YouTube-hírcsatornáját, valamint az eseményfigyelőket, amelyek meghívják a függvényt az oldal betöltésekor vagy görgetésekor.
4. Tesztelje a bővítményt
- Nyissa meg a Google Chrome-ot, és lépjen a chrome://extensions/ oldalra.
- Engedélyezze a Fejlesztői módot az oldal jobb felső sarkában található kapcsolóra kattintva.
- Kattintson a Kicsomagolt elemek betöltése gombra, és válassza ki azt a könyvtárat, ahol a beépülő modul fájljait tárolta.
- Nyissa meg a YouTube-ot, és ellenőrizze, hogy az ajánlott videók hírcsatornáját eltávolították-e.
Gratulálunk! Létrehozott egy Google Chrome beépülő modult, amely eltávolítja az ajánlott videók YouTube-hírcsatornáját. Mostantól tetszés szerint finomíthatja és javíthatja bővítményét, vagy további bővítményeket hozhat létre ugyanazzal az alapstruktúrával.