Αυτή η ανάρτηση θα περιγράψει τη διαδικασία για την απόκρυψη του κώδικα JavaScript στην πηγή προβολής.
Πώς να αποκρύψετε τον κώδικα JavaScript στο View Source;
Αρχικά, για να αποκρύψετε τον κώδικα JavaScript στην πηγή προβολής, δείτε πώς να ανοίξετε την πηγή προβολής στο εργαλείο του προγραμματιστή. Στην ιστοσελίδα, υπάρχουν διάφοροι τρόποι για να ανοίξετε την πηγή προβολής και να δείτε τον σχετικό κώδικα.
Ο πρώτος τρόπος είναι να « κάντε δεξί κλικ ' στη σελίδα και κάντε κλικ στο ' Δες την πηγή της σελίδας 'επιλογή σε ' κατάλογος συμφραζόμενων 'ή χρησιμοποιήστε το πλήκτρο συντόμευσης' Ctrl+U ”:
Θα εμφανίσει τον πλήρη πηγαίο κώδικα της σελίδας σε μια νέα καρτέλα όπως φαίνεται παρακάτω:
Ο δεύτερος τρόπος είναι να « κάντε δεξί κλικ ' στη σελίδα και κάντε κλικ στο ' Επιθεωρώ 'επιλογή από ' κατάλογος συμφραζόμενων 'ή χρησιμοποιήστε τα πλήκτρα συντόμευσης' F12 ', και ' Ctrl+Shift+I '.
Ενώ κάνετε κλικ στο ' Επιθεωρώ », θα ανοίξει το παρακάτω παράθυρο με επιλογές, όπου ο χρήστης μπορεί να δει τον κωδικό.
Ας προσθέσουμε λειτουργικότητα για να αποτρέψουμε το δεξί κλικ και τα πλήκτρα πρόσβασης σε μια ιστοσελίδα από το άνοιγμα του ' Δες την πηγή της σελίδας ” επιλογή.
Χρησιμοποιήστε τις παρακάτω γραμμές κώδικα για να αποτρέψετε το δεξί κλικ σε μια ιστοσελίδα:
έγγραφο. addEventListener ( 'κατάλογος συμφραζόμενων' , ( και ) => {και. πρόληψη προεπιλογής ( ) ;
} , ψευδής ) ;
Το παραπάνω απόσπασμα κώδικα:
- Πρώτα, επικαλέστε το ' addEventListener() ' μέθοδος περνώντας την αναφορά του ' κατάλογος συμφραζόμενων '.
- Στη συνέχεια, καλέστε το « preventDefault() ' μέθοδος και ορίστε την ' ψευδής ”, που σημαίνει ότι σταματά το προεπιλεγμένο συμβάν/επιλογή δεξί κλικ.
Το παρακάτω απόσπασμα κώδικα αποτρέπει το πλήκτρο συντόμευσης που περιλαμβάνει ' Ctrl+Shift+I », « Ctrl+U ' και ' F12 ”:
έγγραφο. addEventListener ( 'keydown' , ( και ) => {αν ( και. ctrlKey || και. κωδικός κλειδί == 123 ) {
και. διακοπή Διάδοσης ( ) ;
και. πρόληψη προεπιλογής ( ) ;
}
} ) ;
Παραγωγή
Το παραπάνω GIF υποδεικνύει ότι δεν γίνεται καμία ενέργεια κατά τη διάρκεια ' κάντε δεξί κλικ ' ή πλήκτρα συντόμευσης:
Τώρα, ας δούμε πώς να αποκρύψετε τον πηγαίο κώδικα εάν ο χρήστης χρησιμοποιεί την παρακάτω επιλογή.
Το παραπάνω απόσπασμα δείχνει έναν άλλο τρόπο ανοίγματος ' Εργαλεία προγραμματιστή ” εκτός από το δεξί κλικ και τα πλήκτρα πρόσβασης.
Για να αποκρύψετε τον κώδικα JavaScript από αυτήν την επιλογή, χρησιμοποιήστε τα παρακάτω βήματα:
Βήμα 1: Κώδικας JavaScript
Δημιουργήστε ένα αρχείο JavaScript για τον κώδικα JavaScript που σχετίζεται με τη λειτουργικότητα της σελίδας. Εδώ, δημιουργήσαμε ένα αρχείο JavaScript που ονομάζεται ' JSfile.js , όπου θα τοποθετηθεί όλος ο κώδικας JavaScript:
Βήμα 2: Απόκρυψη κώδικα JavaScript
Τώρα, αποκρύψτε το αρχείο JavaScript ακολουθώντας αυτές τις γραμμές κώδικα στο a <σενάριο> ετικέτα:
scriptElement. τύπος = 'κείμενο/javascript' ;
scriptElement. src = 'JSfile.js' ;
έγγραφο. σώμα . appendChild ( scriptElement ) ;
Στο παραπάνω απόσπασμα κώδικα:
- Δημιουργήστε ένα νέο στοιχείο σεναρίου, χρησιμοποιώντας το ' createElement() 'μέθοδος.
- Προσθέστε το αρχείο κώδικα JavaScript ' JSfile.js ', στο στοιχείο σεναρίου που δημιουργήθηκε πρόσφατα ως θυγατρικό στοιχείο καλώντας το ' appendChild() 'μέθοδος.
Παραγωγή
Το παραπάνω GIF υποδεικνύει ότι στην πλαϊνή γραμμή του ' Πηγή καρτέλα ', αφού ανοίξετε το ' Εργαλείο προγραμματιστών ', δεν υπάρχει ' JS file.js ”, γιατί είναι πλέον θυγατρικό στοιχείο του στοιχείου σεναρίου.
συμπέρασμα
Για να αποκρύψετε τον κώδικα JavaScript στην πηγή προβολής, απενεργοποιήστε τα πλήκτρα πρόσβασης όπως ' Ctrl+Shift+I », « Ctrl+U ' και ' F12 ' που χρησιμοποιούνται για το άνοιγμα των εργαλείων του προγραμματιστή για να προβάλουν τον πηγαίο κώδικα και το δεξί κλικ στο μενού περιβάλλοντος στην ιστοσελίδα. Ή αποθηκεύστε το αρχείο κώδικα JavaScript σε άλλη ετικέτα σεναρίου. Αυτή η ανάρτηση περιγράφει τη διαδικασία απόκρυψης του κώδικα JavaScript στην πηγή προβολής.