Tento príspevok popisuje proces skrytia kódu JavaScript v zdroji zobrazenia.
Ako skryť kód JavaScript v zobrazení zdroja?
Ak chcete najskôr skryť kód JavaScript v zdroji zobrazenia, prečítajte si, ako otvoriť zdroj zobrazenia v nástroji pre vývojárov. Na webovej stránke existuje niekoľko spôsobov, ako otvoriť zdroj zobrazenia a zobraziť príslušný kód.
Prvý spôsob je „ kliknite pravým tlačidlom myši “ na stránke a kliknite na „ Zobraziť zdroj stránky “ možnosť v “ obsahové menu “ alebo použite klávesovú skratku “ Ctrl+U “:
Na novej karte sa zobrazí úplný zdrojový kód stránky, ako je uvedené nižšie:
Druhý spôsob je „ kliknite pravým tlačidlom myši “ na stránke a kliknite na „ Skontrolujte “ možnosť z “ obsahové menu “ alebo použite klávesové skratky “ F12 “ a „ Ctrl+Shift+I “.
Pri kliknutí na „ Skontrolujte “, otvorí sa nižšie uvedené okno s možnosťami, kde používateľ vidí kód.
Pridajme funkcie, ktoré zabránia kliknutiu pravým tlačidlom myši a klávesovým skratkám na webovej stránke otvoriť „ Zobraziť zdroj stránky možnosť “.
Ak chcete zabrániť kliknutiu pravým tlačidlom myši na webovú stránku, použite nasledujúce riadky kódu:
dokument. addEventListener ( 'obsahové menu' , ( a ) => {a. zabrániťPredvolené ( ) ;
} , falošný ) ;
Vyššie uvedený útržok kódu:
- Najprv vyvolajte „ addEventListener() “ metóda odovzdaním odkazu na “ obsahové menu “.
- Potom zavolajte na „ preventDefault() “ metódu a nastavte ju “ falošný “, čo znamená, že zastaví predvolenú udalosť/možnosť kliknutia pravým tlačidlom myši.
Nižšie uvedený útržok kódu zabraňuje použitiu klávesovej skratky vrátane „ Ctrl+Shift+I “, “ Ctrl+U “ a “ F12 “:
dokument. addEventListener ( 'stlačenie kľúča' , ( a ) => {ak ( a. ctrlKey || a. keyCode == 123 ) {
a. stopPropagation ( ) ;
a. zabrániťPredvolené ( ) ;
}
} ) ;
Výkon
Vyššie uvedený GIF naznačuje, že počas „ kliknite pravým tlačidlom myši “ alebo klávesové skratky:
Teraz sa pozrime, ako skryť zdrojový kód, ak používateľ použije nižšie uvedenú možnosť.
Úryvok vyššie ukazuje ďalší spôsob otvorenia „ Nástroje pre vývojárov ” iné ako kliknutie pravým tlačidlom myši a klávesové skratky.
Ak chcete skryť kód JavaScript z tejto možnosti, použite uvedené kroky:
Krok 1: Kód JavaScript
Vytvorte súbor JavaScript pre kód JavaScript relevantný pre funkčnosť stránky. Tu sme vytvorili súbor JavaScript s názvom „ JSfile.js , kde bude umiestnený všetok kód JavaScript:
Krok 2: Skryte kód JavaScript
Teraz skryte súbor JavaScript podľa týchto riadkov kódu v a značka:
scriptElement. typu = 'text/javascript' ;
scriptElement. src = 'JSfile.js' ;
dokument. telo . appendChild ( scriptElement ) ;
Vo vyššie uvedenom útržku kódu:
- Vytvorte nový prvok skriptu pomocou „ createElement() “.
- Pridajte súbor kódu JavaScript “ JSfile.js “, v novovytvorenom elemente skriptu ako podriadený element volaním „ appendChild() “.
Výkon
Vyššie uvedený GIF znamená, že na bočnom paneli súboru „ Zdroj “, po otvorení “ Nástroj pre vývojárov “, neexistuje žiadna „ JS súbor.js “, pretože je teraz podriadeným prvkom prvku skriptu.
Záver
Ak chcete skryť kód JavaScript v zdroji zobrazenia, vypnite klávesové skratky, ako napríklad „ Ctrl+Shift+I “, “ Ctrl+U “ a “ F12 ”, ktoré sa používajú na otvorenie nástrojov vývojára na zobrazenie zdrojového kódu a kontextovej ponuky na webovej stránke, ktorá sa zobrazí po kliknutí pravým tlačidlom myši. Alebo uložte súbor kódu JavaScript do inej značky skriptu. Tento príspevok popisuje proces skrytia kódu JavaScript v zdroji zobrazenia.