ఈ పోస్ట్ వ్యూ సోర్స్‌లో జావాస్క్రిప్ట్ కోడ్‌ను దాచే ప్రక్రియను వివరిస్తుంది.
వ్యూ సోర్స్‌లో జావాస్క్రిప్ట్ కోడ్‌ను ఎలా దాచాలి?
ముందుగా, వీక్షణ సోర్స్‌లో జావాస్క్రిప్ట్ కోడ్‌ను దాచడానికి, డెవలపర్ సాధనంలో వీక్షణ మూలాన్ని ఎలా తెరవాలో చూడండి. వెబ్ పేజీలో, వీక్షణ మూలాన్ని తెరవడానికి మరియు సంబంధిత కోడ్‌ను చూడటానికి అనేక మార్గాలు ఉన్నాయి.
మొదటి మార్గం ' కుడి-క్లిక్ చేయండి 'పేజీలో మరియు 'పై క్లిక్ చేయండి పుట మూలాన్ని చూడండి 'ఒక'లో ఎంపిక సందర్భ మెను 'లేదా షార్ట్‌కట్ కీని ఉపయోగించండి' Ctrl+U ”:
ఇది దిగువ చూపిన విధంగా కొత్త ట్యాబ్‌లో పేజీ యొక్క పూర్తి స్థాయి సోర్స్ కోడ్‌ను చూపుతుంది:
రెండవ మార్గం ' కుడి-క్లిక్ చేయండి 'పేజీలో మరియు 'పై క్లిక్ చేయండి తనిఖీ చేయండి 'ఒక' నుండి ఎంపిక సందర్భ మెను 'లేదా షార్ట్‌కట్ కీలను ఉపయోగించండి' F12 ', మరియు' Ctrl+Shift+I ”.
క్లిక్ చేస్తున్నప్పుడు ' తనిఖీ చేయండి ” ఎంపిక, ఇది క్రింద ఇవ్వబడిన విండోను ఎంపికలతో తెరుస్తుంది, ఇక్కడ వినియోగదారు కోడ్‌ని చూడగలరు.
వెబ్ పేజీలో కుడి-క్లిక్ చేయడం మరియు హాట్‌కీలు తెరవకుండా నిరోధించడానికి కార్యాచరణను జోడిద్దాము పుట మూలాన్ని చూడండి ' ఎంపిక.
వెబ్ పేజీపై కుడి-క్లిక్ చేయడాన్ని నిరోధించడానికి క్రింది కోడ్ లైన్లను ఉపయోగించండి:
పత్రం. addEventListener ( 'సందర్భ మెను' , ( మరియు ) => {మరియు. డిఫాల్ట్‌ను నిరోధించండి ( ) ;
} , తప్పుడు ) ;
పై కోడ్ స్నిప్పెట్:
- ముందుగా, 'ని పిలవండి addEventListener() '' యొక్క సూచనను పాస్ చేయడం ద్వారా పద్ధతి సందర్భ మెను ”.
- అప్పుడు, కాల్ చేయండి ' డిఫాల్ట్ నిరోధించు() 'పద్ధతి మరియు దానిని సెట్ చేయండి' తప్పుడు ”, అంటే ఇది డిఫాల్ట్ రైట్-క్లిక్ ఈవెంట్/ఐచ్ఛికాన్ని నిలిపివేస్తుంది.
దిగువ కోడ్ స్నిప్పెట్ '' సహా షార్ట్‌కట్ కీని నిరోధిస్తుంది. Ctrl+Shift+I ',' Ctrl+U 'మరియు' F12 ”:
పత్రం. addEventListener ( 'కీడౌన్' , ( మరియు ) => {ఉంటే ( మరియు. ctrlKey || మరియు. కీ కోడ్ == 123 ) {
మరియు. ఆపు ప్రచారం ( ) ;
మరియు. డిఫాల్ట్‌ను నిరోధించండి ( ) ;
}
} ) ;
అవుట్‌పుట్
'' సమయంలో ఎటువంటి చర్య తీసుకోలేదని పై GIF సూచిస్తుంది కుడి-క్లిక్ చేయండి ” లేదా షార్ట్‌కట్ కీలు:
ఇప్పుడు, వినియోగదారు దిగువ ఎంపికను ఉపయోగిస్తే సోర్స్ కోడ్‌ను ఎలా దాచాలో చూద్దాం.
పై స్నిప్పెట్ తెరవడానికి మరొక మార్గాన్ని చూపుతుంది ' డెవలపర్ ఉపకరణాలు ” రైట్-క్లిక్ మరియు హాట్‌కీలు కాకుండా.
ఈ ఎంపిక నుండి జావాస్క్రిప్ట్ కోడ్‌ను దాచడానికి, ఇచ్చిన దశలను ఉపయోగించండి:
దశ 1: జావాస్క్రిప్ట్ కోడ్
పేజీ యొక్క కార్యాచరణకు సంబంధించిన జావాస్క్రిప్ట్ కోడ్ కోసం జావాస్క్రిప్ట్ ఫైల్‌ను సృష్టించండి. ఇక్కడ, మేము '' అనే జావాస్క్రిప్ట్ ఫైల్‌ని సృష్టించాము. JSfile.js , ఇక్కడ అన్ని జావాస్క్రిప్ట్ కోడ్ ఉంచబడుతుంది:
దశ 2: జావాస్క్రిప్ట్ కోడ్‌ను దాచండి
ఇప్పుడు, a లో ఈ కోడ్ లైన్లను అనుసరించడం ద్వారా JavaScript ఫైల్‌ను దాచండి <స్క్రిప్ట్> ట్యాగ్:
స్క్రిప్ట్ ఎలిమెంట్. రకం = 'టెక్స్ట్/జావాస్క్రిప్ట్' ;
స్క్రిప్ట్ ఎలిమెంట్. src = 'JSfile.js' ;
పత్రం. శరీరం . అనుబంధం చైల్డ్ ( స్క్రిప్ట్ ఎలిమెంట్ ) ;
పై కోడ్ స్నిప్పెట్‌లో:
- “ని ఉపయోగించి కొత్త స్క్రిప్ట్ మూలకాన్ని సృష్టించండి క్రియేట్ ఎలిమెంట్() ” పద్ధతి.
- జావాస్క్రిప్ట్ కోడ్ ఫైల్‌ను జోడించండి ' JSfile.js ',' అని పిలవడం ద్వారా చైల్డ్ ఎలిమెంట్‌గా కొత్తగా సృష్టించబడిన స్క్రిప్ట్ ఎలిమెంట్‌లో appendChild() ” పద్ధతి.
అవుట్‌పుట్
పై GIF సైడ్‌బార్‌లో “ మూలం 'టాబ్,' తెరిచిన తర్వాత డెవలపర్ సాధనం ', అక్కడ ఏమి లేదు ' JS file.js ”, ఎందుకంటే ఇది ఇప్పుడు స్క్రిప్ట్ మూలకం యొక్క చైల్డ్ ఎలిమెంట్.
ముగింపు
వీక్షణ సోర్స్‌లో జావాస్క్రిప్ట్ కోడ్‌ను దాచడానికి, ' వంటి హాట్‌కీలను నిలిపివేయండి Ctrl+Shift+I ',' Ctrl+U 'మరియు' F12 ” సోర్స్ కోడ్‌ను వీక్షించడానికి డెవలపర్ సాధనాలను తెరవడానికి ఉపయోగించబడుతుంది మరియు వెబ్‌పేజీలో సందర్భ మెనుని కుడి క్లిక్ చేయండి. లేదా జావాస్క్రిప్ట్ కోడ్ ఫైల్‌ను మరొక స్క్రిప్ట్ ట్యాగ్‌లో నిల్వ చేయండి. ఈ పోస్ట్ వ్యూ సోర్స్‌లో జావాస్క్రిప్ట్ కోడ్‌ను దాచే ప్రక్రియను వివరిస్తుంది.