See postitus kirjeldab JavaScripti koodi peitmise protsessi vaate allikas.
Kuidas peita JavaScripti koodi vaates allikas?
Esiteks, et peita JavaScripti kood vaate allikas, vaadake, kuidas avada vaate allikas arendaja tööriistas. Veebilehel on mitu võimalust vaate allika avamiseks ja vastava koodi vaatamiseks.
Esimene viis on ' paremklõps ' lehel ja klõpsake nuppu ' Vaata lehekülje allikat ' valik ' kontekstimenüü ' või kasutage kiirklahvi ' Ctrl+U ”:
See näitab lehe täielikku lähtekoodi uuel vahekaardil, nagu allpool näidatud:
Teine võimalus on ' paremklõps ' lehel ja klõpsake nuppu ' Kontrollige ' valik kohast ' kontekstimenüü või kasutage kiirklahve F12 ”, ja „ Ctrl+Shift+I ”.
Kui klõpsate nuppu ' Kontrollige ”, avab see allpool toodud valikutega akna, kus kasutaja näeb koodi.
Lisame funktsioonid, mis takistavad veebilehel paremklõpsu ja kiirklahvide avamist Vaata lehekülje allikat ” valik.
Kasutage järgmisi koodiridu, et vältida veebilehel paremklõpsamist.
dokument. addEventListener ( 'kontekstimenüü' , ( ja ) => {ja. preventDefault ( ) ;
} , vale ) ;
Ülaltoodud koodilõik:
- Esiteks kutsuge esile ' addEventListener() ” meetodit, jättes edasi viite kontekstimenüü ”.
- Seejärel helistage ' preventDefault() ' meetod ja määrake see ' vale ”, mis tähendab, et see peatab vaikimisi paremklõpsu sündmuse/valiku.
Allolev koodilõik takistab kiirklahvi, sealhulgas ' Ctrl+Shift+I ”, „ Ctrl+U 'ja' F12 ”:
dokument. addEventListener ( 'klahvi alla' , ( ja ) => {kui ( ja. ctrlklahv || ja. võtmekood == 123 ) {
ja. leviku peatamine ( ) ;
ja. preventDefault ( ) ;
}
} ) ;
Väljund
Ülaltoodud GIF näitab, et ajal ei võeta ühtegi toimingut paremklõps ” või kiirklahvid:
Nüüd vaatame, kuidas lähtekoodi peita, kui kasutaja kasutab allolevat valikut.
Ülaltoodud katkend näitab teist viisi, kuidas avada Arendaja tööriistad ” muud kui paremklõps ja kiirklahvid.
JavaScripti koodi peitmiseks selle valiku eest toimige järgmiselt.
1. samm: JavaScripti kood
Looge lehe funktsionaalsusega seotud JavaScripti koodi jaoks JavaScripti fail. Siin lõime JavaScripti faili nimega ' JSfile.js , kuhu paigutatakse kogu JavaScripti kood:
2. samm: peitke JavaScripti kood
Nüüd peitke JavaScripti fail, järgides neid koodiridu jaotises a silt:
scriptElement. tüüp = 'tekst/javascript' ;
scriptElement. src = 'JSfile.js' ;
dokument. keha . lisalaps ( scriptElement ) ;
Ülaltoodud koodilõigul:
- Looge uus skripti element, kasutades ' looElement() ” meetod.
- Lisage JavaScripti koodifail ' JSfile.js ”, vastloodud skriptielemendis alamelemendina, kutsudes appendChild() ” meetod.
Väljund
Ülaltoodud GIF näitab, et lehe „ Allikas vahekaarti, pärast avamist Arendajate tööriist ', seal ei ole ' JS fail.js ”, sest see on nüüd skriptielemendi alamelement.
Järeldus
JavaScripti koodi peitmiseks vaate allikas keelake kiirklahvid nagu ' Ctrl+Shift+I ”, „ Ctrl+U 'ja' F12 ”, mida kasutatakse arendaja tööriistade avamiseks, et vaadata lähtekoodi, ja paremklõpsu kontekstimenüü veebilehel. Või salvestage JavaScripti koodifail teise skriptimärgendisse. See postitus kirjeldab JavaScripti koodi peitmise protsessi vaate allikas.