كيف يمكنني ان اخفي عنصر div من inspect element


التعليقات

هذا ليس اخفاءا للعناصر، ففي الأغلب يتم تحميل هاته المكونات والعناصر بعد طلب موارد الصفحة. ويتم ذلك عن طريق جافاسكربت.

فالذي يحدث هنا هو:

  1. طلب المتصفح لموارد الصفحة، ومن بين ذلك ملف جافاسكربت معين.
  2. بعد تفسير الصفحة من طرف المتصفح وعملها يتم تنفيذ سكربت جافاسكربت.
  3. هذا السكربت يقوم بعرض المكونات وتضمينها في الصفحة.

فان حاولت استعراض مصدر الصفحة ورؤية هاته العناصر لن يمكنك لأنها لا تكون معرفة ابتداءا في شجرة الوثيقة، وانما يتم حقنها في شجرة الوثيقة بعد تحميل الصفحة تماما. ولأن ذلك يحدث في ظرف زمني قصير فان الأمر لن يكون ملاحظا.

رغم هذا سيمكن عن طريق آداة Inspect عرض هاته التقسيمة او العنصر ولن يمكن استعمال عرض مصدر الصفحة لفعل نفس الشيء.

شيء آخر يستعمل بهذا الخصوص، وهو استعمال ما يعرف بالـ Layers، وهي مثل العناصر او التقسيمات التي تمتلك وضعيات ثابتة تغطي العناصر الغير تفاعلية وتمنع الوصول اليها وتجعل تفحص مصدرها عن طريق ادوات المطور امرا صعبا قليلا.

ان كنت تريد تعطيل تفحص العناصر فيمكنك تعديل ملف HTML لديك بما يوافق:

<html oncontextmenu="return false"> 
أي محتوى هنا
</html> 

أو عن طريق الجافاسكربت كالتالي:

$(document).bind("contextmenu",function(e) {  
	e.preventDefault(); 
}); 

أو:

$(document).keydown(function(e){ 
    if(e.which === 123){ 
       return false; 
    } 
});

لا أظن أن هذا ممكن، ولو انه تم اخفاءه عن محاولة تفحصه فان الامر لن يكون كافيا وسيكون هنالك طرق أخرى للوصول الى هذا المحتوى الحساس.

ان كان هذا العنصر يحمل بيانات خاصة او غير قابل للاظهار للعميل، فان افضل حل هو في وضعه على الخادم وفقط. واجهة العميل هي واجهة هشة من ناحية حفظ البيانات.

مشكلتك غير واضحة جيدا، ما الذي تحاول قوله؟

تستطيع ذلك باستخدام jQuery

لإخفاء عنصر html من ال DOM:

$("#a").hide();

لإزالة العنصر تماماً

 $("#a").remove();

تطوير الويب

مجتمع لمناقشة وتبادل الخبرات حول تطوير الويب. ناقش أحدث التقنيات، اللغات، والأدوات في عالم تطوير المواقع والتطبيقات. شارك مشاريعك، اسأل عن نصائح، وتعاون مع مطورين محترفين وهواة.

91 ألف متابع