Det här inlägget kommer att beskriva processen för att dölja JavaScript-koden i vykällan.
Hur döljer man JavaScript-kod i View Source?
Först, för att dölja JavaScript-kod i vykällan, se hur du öppnar vykällan i utvecklarens verktyg. På webbsidan finns det flera sätt att öppna vykällan och se den relevanta koden.
Det första sättet är att ' Högerklicka ' på sidan och klicka på ' Visa sidans källa ' alternativ i en ' innehållsmeny ' eller använd kortkommandot ' Ctrl+U ”:
Den kommer att visa sidans fullfjädrade källkod i en ny flik som visas nedan:
Det andra sättet är att ' Högerklicka ' på sidan och klicka på ' Inspektera ' alternativ från en ' innehållsmeny ” eller använd kortkommandon ” F12 ', och ' Ctrl+Skift+I ”.
När du klickar på ' Inspektera '-alternativet öppnar det nedan angivna fönstret med alternativ, där användaren kan se koden.
Låt oss lägga till funktionalitet för att förhindra att högerklicka och snabbtangenter på en webbsida öppnar ' Visa sidans källa ' alternativet.
Använd kodraderna nedan för att förhindra högerklick på en webbsida:
dokumentera. addEventListener ( 'innehållsmeny' , ( och ) => {och. förhindraStandard ( ) ;
} , falsk ) ;
Ovanstående kodavsnitt:
- Först, åberopa ' addEventListener() '-metoden genom att skicka referensen till ' innehållsmeny ”.
- Ring sedan ' preventDefault() ' metoden och ställ in den ' falsk ”, vilket innebär att den stoppar standardhögerklickshändelsen/-alternativet.
Nedanstående kodavsnitt förhindrar genvägstangenten inklusive ' Ctrl+Skift+I ”, “ Ctrl+U ” och ” F12 ”:
dokumentera. addEventListener ( 'nyckel ner' , ( och ) => {om ( och. ctrlKey || och. nyckelkod == 123 ) {
och. stoppa Förökning ( ) ;
och. förhindraStandard ( ) ;
}
} ) ;
Produktion
Ovanstående GIF indikerar att inga åtgärder vidtas under ' Högerklicka ” eller kortkommandon:
Låt oss nu se hur man döljer källkoden om användaren använder alternativet nedan.
Utdraget ovan visar ett annat sätt att öppna ' Utvecklarverktyg ” annat än högerklicka och snabbtangenter.
För att dölja JavaScript-koden från det här alternativet, använd de angivna stegen:
Steg 1: JavaScript-kod
Skapa en JavaScript-fil för JavaScript-koden som är relevant för sidans funktionalitet. Här skapade vi en JavaScript-fil som heter ' JSfile.js , där all JavaScript-kod kommer att placeras:
Steg 2: Dölj JavaScript-koden
Dölj nu JavaScript-filen genom att följa dessa kodrader i en märka:
scriptElement. typ = 'text/javascript' ;
scriptElement. src = 'JSfile.js' ;
dokumentera. kropp . appendChild ( scriptElement ) ;
I kodavsnittet ovan:
- Skapa ett nytt skriptelement med hjälp av ' createElement() 'metoden.
- Lägg till JavaScript-kodfilen ' JSfile.js ', i det nyskapade skriptelementet som ett underordnat element genom att anropa ' appendChild() 'metoden.
Produktion
Ovanstående GIF indikerar att i sidofältet i ' Källa '-fliken, efter att ha öppnat ' Verktyg för utvecklare ', det finns inget ' JS file.js ”, eftersom det nu är ett underordnat element till skriptelementet.
Slutsats
För att dölja JavaScript-kod i vykällan, inaktivera snabbtangenterna som ' Ctrl+Skift+I ”, “ Ctrl+U ” och ” F12 ” som används för att öppna utvecklarens verktyg för att se källkoden och högerklicka på snabbmenyn på webbsidan. Eller lagra JavaScript-kodfilen i en annan skripttagg. Det här inlägget beskriver processen för att dölja JavaScript-koden i vykällan.