פוסט זה יתאר את התהליך להסתרת קוד ה-JavaScript במקור התצוגה.
כיצד להסתיר קוד JavaScript במקור התצוגה?
ראשית, כדי להסתיר את קוד JavaScript במקור התצוגה, ראה כיצד לפתוח את מקור התצוגה בכלי המפתחים. בדף האינטרנט, ישנן מספר דרכים לפתוח את מקור התצוגה ולראות את הקוד הרלוונטי.
הדרך הראשונה היא ' מקש ימני ' בעמוד ולחץ על ' ראה את מקור העמוד אפשרות ב' תפריט הקשר ' או השתמש במקש הקיצור ' Ctrl+U ”:
זה יציג את קוד המקור המלא של הדף בכרטיסייה חדשה כפי שמוצג להלן:
הדרך השנייה היא ' מקש ימני ' בעמוד ולחץ על ' לִבדוֹק אפשרות מתוך ' תפריט הקשר ' או השתמש במקשי הקיצור ' F12 ', ו' Ctrl+Shift+I '.
תוך כדי לחיצה על ' לִבדוֹק ' אפשרות, זה יפתח את החלון הנתון למטה עם אפשרויות, שבו המשתמש יכול לראות את הקוד.
בואו נוסיף פונקציונליות כדי למנוע לחיצה ימנית ומקשי קיצור בדף אינטרנט לפתוח את ' ראה את מקור העמוד ' אפשרות.
השתמש בשורות הקוד שלהלן כדי למנוע לחיצה ימנית על דף אינטרנט:
מסמך. addEventListener ( 'תפריט הקשר' , ( ו ) => {ו. למנוע ברירת מחדל ( ) ;
} , שֶׁקֶר ) ;
קטע הקוד שלמעלה:
- ראשית, הפעל את ' addEventListener() שיטת ' על ידי העברת ההפניה של ' תפריט הקשר '.
- לאחר מכן, התקשר ל' preventDefault() 'שיטה והגדר אותה' שֶׁקֶר ', כלומר זה מפסיק את ברירת המחדל של אירוע/אפשרות לחיצה ימנית.
קטע הקוד שלהלן מונע את מקש הקיצור כולל ' Ctrl+Shift+I ', ' Ctrl+U 'ו' F12 ”:
מסמך. addEventListener ( 'הורדת מקשים' , ( ו ) => {אם ( ו. מקש ctrl || ו. סיסמה == 123 ) {
ו. stopPropagation ( ) ;
ו. למנוע ברירת מחדל ( ) ;
}
} ) ;
תְפוּקָה
ה-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 במקור התצוגה.