Ez a bejegyzés leírja a JavaScript-kód elrejtésének folyamatát a nézet forrásában.
Hogyan lehet elrejteni a JavaScript-kódot a forrásnézetben?
Először is, ha el szeretné rejteni a JavaScript-kódot a nézet forrásában, nézze meg, hogyan lehet megnyitni a nézet forrását a Fejlesztői eszközben. A weboldalon többféleképpen is megnyithatja a nézet forrását és megtekintheti a vonatkozó kódot.
Az első út az, hogy „ Jobb klikk ” az oldalon, majd kattintson a „ Oldal forrásának megtekintése ' opció egy ' ContextMenu vagy használja a gyorsbillentyűt Ctrl+U ”:
Megjeleníti az oldal teljes forráskódját egy új lapon, az alábbiak szerint:
A második út az, hogy ' Jobb klikk ” az oldalon, majd kattintson a „ Vizsgálja meg ' opció egy ' ContextMenu 'vagy használja a gyorsbillentyűket' F12 ”, és „ Ctrl+Shift+I ”.
Miközben a „ Vizsgálja meg ” opciót, akkor megnyílik az alábbi opciókkal ellátott ablak, ahol a felhasználó láthatja a kódot.
Adjunk hozzá olyan funkciókat, amelyek megakadályozzák, hogy a weboldalon a jobb gombbal történő kattintás és a gyorsbillentyűk megnyitják a „ Oldal forrásának megtekintése ' választási lehetőség.
Használja az alábbi kódsorokat, hogy megakadályozza a jobb gombbal történő kattintást egy weboldalon:
dokumentum. addEventListener ( 'helyi menü' , ( és ) => {és. preventDefault ( ) ;
} , hamis ) ;
A fenti kódrészlet:
- Először hívja meg a ' addEventListener() ” módszert a „ helyi menü ”.
- Ezután hívja a ' preventDefault() ' módszert, és állítsa be' hamis ”, ami azt jelenti, hogy leállítja az alapértelmezett jobb kattintás eseményt/opciót.
Az alábbi kódrészlet megakadályozza a gyorsbillentyűket, beleértve a „ Ctrl+Shift+I ”, „ Ctrl+U 'és' F12 ”:
dokumentum. addEventListener ( 'keydown' , ( és ) => {ha ( és. ctrlKey || és. kulcskód == 123 ) {
és. stopPropagation ( ) ;
és. preventDefault ( ) ;
}
} ) ;
Kimenet
A fenti GIF azt jelzi, hogy nem történik semmilyen művelet a „ Jobb klikk ” vagy gyorsbillentyűk:
Most nézzük meg, hogyan lehet elrejteni a forráskódot, ha a felhasználó az alábbi lehetőséget használja.
A fenti részlet egy másik módot mutat a „ Fejlesztői eszközök ” a jobb gombbal és a gyorsbillentyűkön kívül.
Ha el szeretné rejteni a JavaScript-kódot ettől az opciótól, kövesse az alábbi lépéseket:
1. lépés: JavaScript kód
Hozzon létre egy JavaScript-fájlt az oldal működéséhez kapcsolódó JavaScript-kódhoz. Itt létrehoztunk egy JavaScript fájlt ' JSfile.js , ahol az összes JavaScript kód el lesz helyezve:
2. lépés: A JavaScript kód elrejtése
Most rejtse el a JavaScript-fájlt az alábbi kódsorok követésével a címke:
scriptElement. típus = 'text/javascript' ;
scriptElement. src = 'JSfile.js' ;
dokumentum. test . appendChild ( scriptElement ) ;
A fenti kódrészletben:
- Hozzon létre egy új szkriptelemet a ' createElement() ” módszerrel.
- Adja hozzá a JavaScript kódfájlt ' JSfile.js ”, az újonnan létrehozott script elemben gyermekelemként a „ appendChild() ” módszerrel.
Kimenet
A fenti GIF azt jelzi, hogy a „ Forrás ' fület, miután megnyitotta a ' Fejlesztői eszköz ', nincs ' JS fájl.js ”, mert ez most a script elem gyermek eleme.
Következtetés
A JavaScript kód elrejtéséhez a nézet forrásában tiltsa le az olyan gyorsbillentyűket, mint a ' Ctrl+Shift+I ”, „ Ctrl+U 'és' F12 ', amelyek a fejlesztői eszközök megnyitására szolgálnak a forráskód megtekintéséhez, valamint a jobb gombbal kattintson a helyi menüre a weboldalon. Vagy tárolja a JavaScript kódfájlt egy másik szkriptcímkében. Ez a bejegyzés leírja a JavaScript-kód elrejtésének folyamatát a nézet forrásában.