Šiame įraše bus aprašytas „JavaScript“ kodo slėpimo peržiūros šaltinyje procesas.
Kaip paslėpti „JavaScript“ kodą peržiūros šaltinyje?
Pirma, norėdami paslėpti „JavaScript“ kodą rodinio šaltinyje, peržiūrėkite, kaip kūrėjo įrankyje atidaryti rodinio šaltinį. Tinklalapyje yra keletas būdų, kaip atidaryti peržiūros šaltinį ir pamatyti atitinkamą kodą.
Pirmasis būdas yra „ dešiniuoju pelės mygtuku spustelėkite “ puslapyje ir spustelėkite „ Rodyti puslapio šaltinį “ parinktis „ kontekstinis meniu “ arba naudokite spartųjį klavišą “ Ctrl + U “:
Jis parodys visą puslapio šaltinio kodą naujame skirtuke, kaip parodyta toliau:
Antrasis būdas yra „ dešiniuoju pelės mygtuku spustelėkite “ puslapyje ir spustelėkite „ Apžiūrėti “ parinktis iš „ kontekstinis meniu “ arba naudokite sparčiuosius klavišus “ F12 “ ir „ Ctrl + Shift + I “.
Spustelėdami „ Apžiūrėti “, atsidarys toliau pateiktas langas su parinktimis, kuriame vartotojas gali matyti kodą.
Pridėkime funkcijų, kad tinklalapio spustelėjimas dešiniuoju pelės mygtuku ir spartieji klavišai neatidarytų Rodyti puslapio šaltinį “ variantas.
Naudokite toliau pateiktas kodo eilutes, kad neleistumėte dešiniuoju pelės klavišu spustelėti tinklalapį:
dokumentas. addEventListener ( 'kontekstinis meniu' , ( ir ) => {ir. užkirsti keliąNumatytasis ( ) ;
} , klaidinga ) ;
Aukščiau pateiktas kodo fragmentas:
- Pirmiausia iškvieskite „ addEventListener() “ metodą perduodant nuorodą „ kontekstinis meniu “.
- Tada skambinkite „ preventDefault() 'metodą ir nustatykite jį' klaidinga “, o tai reiškia, kad jis sustabdo numatytąjį dešiniojo pelės mygtuko paspaudimo įvykį / parinktį.
Žemiau pateiktas kodo fragmentas neleidžia naudoti sparčiojo klavišo, įskaitant „ Ctrl + Shift + I “, „ Ctrl + U 'ir' F12 “:
dokumentas. addEventListener ( 'keydown' , ( ir ) => {jeigu ( ir. klavišas ctrl || ir. KeyCode == 123 ) {
ir. sustabdyti plitimą ( ) ;
ir. užkirsti keliąNumatytasis ( ) ;
}
} ) ;
Išvestis
Aukščiau pateiktas GIF rodo, kad per ' dešiniuoju pelės mygtuku spustelėkite “ arba sparčiuosius klavišus:
Dabar pažiūrėkime, kaip paslėpti šaltinio kodą, jei vartotojas naudoja toliau pateiktą parinktį.
Aukščiau pateiktas fragmentas rodo kitą būdą atidaryti Kurejo irankiai “, išskyrus dešinįjį pelės klavišą ir sparčiuosius klavišus.
Norėdami paslėpti JavaScript kodą nuo šios parinkties, atlikite nurodytus veiksmus:
1 veiksmas: „JavaScript“ kodas
Sukurkite „JavaScript“ failą, skirtą „JavaScript“ kodui, susijusiam su puslapio funkcionalumu. Čia sukūrėme „JavaScript“ failą pavadinimu „ JSfile.js , kur bus patalpintas visas JavaScript kodas:
2 veiksmas: paslėpkite „JavaScript“ kodą
Dabar paslėpkite „JavaScript“ failą vykdydami šias kodo eilutes a žyma:
scenarijaus elementas. tipo = 'tekstas/javascript' ;
scenarijaus elementas. src = 'JSfile.js' ;
dokumentas. kūnas . pridėti Vaikas ( scenarijaus elementas ) ;
Aukščiau pateiktame kodo fragmente:
- Sukurkite naują scenarijaus elementą naudodami „ sukurti elementą () “ metodas.
- Pridėkite JavaScript kodo failą ' JSfile.js “, naujai sukurtame scenarijaus elemente kaip antrinis elementas, skambinant „ appendChild() “ metodas.
Išvestis
Aukščiau pateiktas GIF rodo, kad šoninėje „ Šaltinis ' skirtuką, atidarę ' Kūrėjų įrankis ', nėra ' JS failas.js “, nes dabar tai yra antrinis scenarijaus elemento elementas.
Išvada
Norėdami paslėpti „JavaScript“ kodą rodinio šaltinyje, išjunkite sparčiuosius klavišus, pvz. Ctrl + Shift + I “, „ Ctrl + U 'ir' F12 “, kurie naudojami norint atidaryti kūrėjo įrankius, kad peržiūrėtumėte šaltinio kodą, ir dešiniuoju pelės mygtuku spustelėkite kontekstinį meniu tinklalapyje. Arba saugokite „JavaScript“ kodo failą kitoje scenarijaus žymoje. Šiame įraše aprašomas „JavaScript“ kodo slėpimo peržiūros šaltinyje procesas.