سيصف هذا المنشور عملية إخفاء كود JavaScript في مصدر العرض.
كيفية إخفاء كود JavaScript في عرض المصدر؟
أولاً ، لإخفاء شفرة جافا سكريبت في مصدر العرض ، تعرف على كيفية فتح مصدر العرض في أداة المطور. على صفحة الويب ، توجد عدة طرق لفتح مصدر العرض والاطلاع على الكود ذي الصلة.
الطريقة الأولى هي ' انقر على اليمين 'في الصفحة وانقر على' عرض مصدر الصفحة 'الخيار في' قائمة السياق 'أو استخدم مفتاح الاختصار' Ctrl + U ':
سيعرض كود المصدر الكامل للصفحة في علامة تبويب جديدة كما هو موضح أدناه:
الطريقة الثانية هي ' انقر على اليمين 'في الصفحة وانقر على' فحص 'الخيار من' قائمة السياق 'أو استخدم مفاتيح الاختصار' F12 '، و ' Ctrl + Shift + I '.
أثناء النقر فوق ' فحص '، سيفتح النافذة الموضحة أدناه مع الخيارات ، حيث يمكن للمستخدم رؤية الرمز.
دعونا نضيف وظائف لمنع النقر بزر الماوس الأيمن ومفاتيح الاختصار على صفحة ويب من فتح ' عرض مصدر الصفحة ' اختيار.
استخدم أسطر التعليمات البرمجية أدناه لمنع النقر بزر الماوس الأيمن على صفحة ويب:
وثيقة. addEventListener ( 'قائمة السياق' و ( و ) => {و. منع افتراضي ( ) ؛
} و خاطئة ) ؛
مقتطف الشفرة أعلاه:
- أولاً ، استدعاء ' addEventListener () 'عن طريق تمرير مرجع' قائمة السياق '.
- ثم اتصل بـ ' منع افتراضي() 'الطريقة وضبطها' خاطئة '، مما يعني أنه يوقف حدث / خيار النقر بزر الماوس الأيمن الافتراضي.
يمنع مقتطف الشفرة أدناه مفتاح الاختصار بما في ذلك ' Ctrl + Shift + I '،' Ctrl + U ' و ' F12 ':
وثيقة. addEventListener ( 'زر أسفل' و ( و ) => {إذا ( و. مفتاح السيطرة || و. رمز المفتاح == 123 ) {
و. وقف الانتشار ( ) ؛
و. منع افتراضي ( ) ؛
}
} ) ؛
انتاج |
يشير ملف GIF أعلاه إلى أنه لم يتم اتخاذ أي إجراء أثناء ' انقر على اليمين 'أو مفاتيح الاختصار:
الآن ، دعونا نرى كيفية إخفاء شفرة المصدر إذا كان المستخدم يستخدم الخيار أدناه.
يوضح المقتطف أعلاه طريقة أخرى لفتح ' ادوات المطورين 'بخلاف النقر بزر الماوس الأيمن ومفاتيح الاختصار.
لإخفاء كود JavaScript من هذا الخيار ، استخدم الخطوات المحددة:
الخطوة 1: كود JavaScript
أنشئ ملف جافا سكريبت لرمز جافا سكريبت ذي الصلة بوظائف الصفحة. هنا ، أنشأنا ملف JavaScript يسمى ' JSfile.js ، حيث سيتم وضع جميع تعليمات JavaScript البرمجية:
الخطوة 2: إخفاء كود JavaScript
الآن ، قم بإخفاء ملف JavaScript باتباع سطور التعليمات البرمجية هذه في ملف بطاقة شعار:
عنصر نصي. يكتب = 'نص / جافا سكريبت' ؛
عنصر نصي. src = 'JSfile.js' ؛
وثيقة. هيئة . إلحاق الطفل ( عنصر نصي ) ؛
في مقتطف الشفرة أعلاه:
- أنشئ عنصر نص برمجي جديدًا باستخدام ' createElement () ' طريقة.
- أضف ملف شفرة JavaScript ' JSfile.js '، في عنصر البرنامج النصي الذي تم إنشاؤه حديثًا كعنصر فرعي من خلال استدعاء' إلحاق الطفل() ' طريقة.
انتاج |
يشير ملف GIF أعلاه إلى أنه في الشريط الجانبي لـ ' مصدر '، بعد فتح' أداة المطورين '، لا يوجد ' JS file.js '، لأنه أصبح الآن عنصرًا فرعيًا لعنصر البرنامج النصي.
استنتاج
لإخفاء كود JavaScript في مصدر العرض ، قم بتعطيل مفاتيح الاختصار مثل ' Ctrl + Shift + I '،' Ctrl + U ' و ' F12 'التي تُستخدم لفتح أدوات المطور لعرض التعليمات البرمجية المصدر ، وقائمة سياق النقر بزر الماوس الأيمن على صفحة الويب. أو قم بتخزين ملف تعليمات JavaScript البرمجية في علامة نصية أخرى. يصف هذا المنشور عملية إخفاء كود JavaScript في مصدر العرض.