Tämä viesti kuvaa prosessia JavaScript-koodin piilottamiseksi näkymän lähteeseen.
Kuinka piilottaa JavaScript-koodi lähdekoodissa?
Jos haluat piilottaa JavaScript-koodin näkymän lähteessä, katso, kuinka näkymän lähde avataan kehittäjätyökalussa. Verkkosivulla on useita tapoja avata näkymän lähde ja nähdä asiaankuuluva koodi.
Ensimmäinen tapa on ' oikealla painikkeella ' sivulla ja napsauta ' Näytä sivun lähdekoodi ”vaihtoehto kohdassa ” kontekstivalikko ' tai käytä pikanäppäintä' Ctrl+U ':
Se näyttää sivun täyden lähdekoodin uudessa välilehdessä alla olevan kuvan mukaisesti:
Toinen tapa on ' oikealla painikkeella ' sivulla ja napsauta ' Tarkastaa vaihtoehto kohdasta ' kontekstivalikko ' tai käytä pikanäppäimiä' F12 ”, ja ” Ctrl+Shift+I ”.
Kun napsautat ' Tarkastaa ” -vaihtoehto, se avaa alla annetun ikkunan vaihtoehtoineen, jossa käyttäjä näkee koodin.
Lisätään toimintoja estämään Web-sivun hiiren kakkospainikkeen napsauttaminen ja pikanäppäimet avaamasta ' Näytä sivun lähdekoodi ” vaihtoehto.
Käytä alla olevia koodirivejä estääksesi verkkosivun napsautuksen hiiren kakkospainikkeella:
asiakirja. addEventListener ( 'kontekstivalikko' , ( ja ) => {ja. estääDefault ( ) ;
} , väärä ) ;
Yllä oleva koodinpätkä:
- Kutsu ensin ' addEventListener() ' -menetelmää ohittamalla ' kontekstivalikko ”.
- Soita sitten ' preventDefault() 'menetelmä ja aseta se' väärä ”, mikä tarkoittaa, että se pysäyttää oletusarvoisen hiiren kakkospainikkeen tapahtuman/vaihtoehdon.
Alla oleva koodinpätkä estää pikanäppäimen, mukaan lukien ' Ctrl+Shift+I ”, “ Ctrl+U ”ja” F12 ':
asiakirja. addEventListener ( 'näppäimet' , ( ja ) => {jos ( ja. ctrl-näppäin || ja. avainkoodi == 123 ) {
ja. pysäyttää leviämisen ( ) ;
ja. estääDefault ( ) ;
}
} ) ;
Lähtö
Yllä oleva GIF osoittaa, että mitään toimenpiteitä ei tehdä '' oikealla painikkeella ” tai pikanäppäimet:
Katsotaanpa nyt, kuinka lähdekoodi piilotetaan, jos käyttäjä käyttää alla olevaa vaihtoehtoa.
Yllä oleva katkelma näyttää toisen tavan avata ' Kehitystyökalut ” muuta kuin hiiren kakkospainikkeella ja pikanäppäimillä.
Voit piilottaa JavaScript-koodin tästä vaihtoehdosta noudattamalla annettuja ohjeita:
Vaihe 1: JavaScript-koodi
Luo JavaScript-tiedosto sivun toimintaan liittyvälle JavaScript-koodille. Täällä loimme JavaScript-tiedoston nimeltä ' JSfile.js , johon kaikki JavaScript-koodi sijoitetaan:
Vaihe 2: Piilota JavaScript-koodi
Piilota nyt JavaScript-tiedosto seuraamalla näitä koodirivejä kohdassa a tag:
scriptElement. tyyppi = 'teksti/javascript' ;
scriptElement. src = 'JSfile.js' ;
asiakirja. kehon . liitä lapsi ( scriptElement ) ;
Yllä olevassa koodinpätkässä:
- Luo uusi komentosarjaelementti käyttämällä ' createElement() ”menetelmä.
- Lisää JavaScript-kooditiedosto ' JSfile.js , äskettäin luodussa skriptielementissä lapsielementtinä kutsumalla ' appendChild() ”menetelmä.
Lähtö
Yllä oleva GIF osoittaa, että sivupalkissa ' Lähde välilehti, kun olet avannut Kehittäjätyökalu ', ei ole ' JS-tiedosto.js ”, koska se on nyt komentosarjaelementin alielementti.
Johtopäätös
Jos haluat piilottaa JavaScript-koodin näkymän lähteessä, poista käytöstä pikanäppäimet, kuten ' Ctrl+Shift+I ”, “ Ctrl+U ”ja” F12 ', joita käytetään avaamaan kehittäjän työkalut lähdekoodin tarkastelemiseksi ja napsauttamalla hiiren kakkospainikkeella olevaa kontekstivalikkoa verkkosivulla. Tai tallenna JavaScript-kooditiedosto toiseen komentosarjatunnisteeseen. Tämä viesti kuvaa prosessia JavaScript-koodin piilottamiseksi näkymän lähteeseen.