في صفحات الويب الحديثة ، من الضروري أحيانا العثور على العناصر المخفية وعرضها. قد يكون هذا ضروريا ، على سبيل المثال ، لاختبار مظهر الصفحة أو لتحليل التصميم. والخبر السار هو أن المتصفحات الحديثة تقدم عدة طرق بسيطة وفعالة للعثور على العناصر المخفية على الصفحة.
الطريقة الأولى هي استخدام وحدة تحكم المطور في المتصفح. افتح لوحة معلومات المطور بالانتقال إلى قائمة الأدوات وتحديد العنصر المناسب. ثم ابحث عن علامة التبويب" العناصر "أو" العناصر " واستكشف رمز الصفحة. ابحث عن العناصر التي تحتوي على خاصية كس "العرض: لا شيء" أو "الرؤية: مخفية". يمكنك حذف هذه الخاصية أو تغيير قيمها لرؤية العناصر المخفية.
الطريقة الثانية هي استخدام ملحقات المتصفح. هناك العديد من الإضافات التي تسمح لك بالعثور على العناصر المخفية وعرضها على الصفحة. يسمح لك بعضها بتخصيص مصطلحات البحث ، مثل محددات كس المستخدمة أو قيم السمات.
الطريقة الثالثة هي استخدام شفرة جافا سكريبت. إذا كنت تعلم أن هناك عناصر مخفية على الصفحة ، ولكن لا يمكنك العثور عليها باستخدام الطرق السابقة ، يمكنك كتابة شفرة جافا سكريبت صغيرة لعرض العناصر المخفية. استخدام أساليب جافا سكريبت مثل جيتليمنتبيد أو كويريسلكتورال لإيجاد ومعالجة العناصر المخفية.
الطريقة الرابعة هي استخدام أدوات للاختبار التلقائي. إذا كنت تعمل مع عدد كبير من العناصر المخفية أو تريد أتمتة عملية البحث ، فيمكنك استخدام أدوات خاصة للاختبار التلقائي ، مثل السيلينيوم أو محرك الدمى. توفر هذه الأدوات مجموعة واسعة من الوظائف للبحث والتفاعل مع العناصر المخفية على الصفحة.
الطريقة الخامسة هي استخدام محللات التعليمات البرمجية وأدوات التصميم. توفر بعض أدوات تحليل الكود وإنشاء التصميم وظائف للبحث عن العناصر المخفية وعرضها. يمكن أن تكون مفيدة في تحليل جودة الكود أو في تحسين تصميم الصفحة.
- لماذا من الضروري العثور على جميع العناصر المخفية على الصفحة?
- الطريقة 1: التحقق من خاصية كس "العرض"
- الطريقة 2: استخدام جافا سكريبت
لماذا من الضروري العثور على جميع العناصر المخفية على الصفحة?
قد تحتوي صفحات الويب على عناصر غير مرئية لا يتم عرضها مباشرة على شاشة المستخدم. يمكن أن تكون هذه العناصر المخفية مفيدة لمهام مختلفة ، مثل:
- تحسين إمكانية الوصول: قد يستخدم بعض المستخدمين تقنيات مساعدة مثل قارئات الشاشة لعرض محتويات صفحة الويب. إذا كانت العناصر مخفية ولا يمكن الوصول إليها لمثل هذه التقنيات ، فقد يؤدي ذلك إلى حدوث مشكلات في إمكانية الوصول لهؤلاء المستخدمين.
- التصحيح والاختبار: يمكن أن يكون العثور على العناصر المخفية مفيدا عند تصحيح أخطاء صفحة الويب واختبارها. على سبيل المثال ، إذا كنت بحاجة إلى التأكد من إخفاء عنصر معين بشكل صحيح لحالة صفحة معينة أو على أجهزة معينة ، فيمكنك استخدام طرق البحث عن العناصر المخفية للتحقق من ذلك.
- السلامة: قد تحتوي بعض العناصر المخفية على معلومات سرية أو تشكل خطرا أمنيا. يمكن أن يساعد العثور على هذه العناصر واكتشافها في حماية صفحة الويب ومستخدميها.
- تحليل هيكل الصفحة: يمكن أن يساعدك العثور على العناصر المخفية في فهم بنية صفحة الويب ومحتوياتها. على سبيل المثال ، قد تشير العناصر المخفية إلى وظائف إضافية أو مشاكل ترميز محتملة.
- تحسين الأداء: يمكن أن تحتوي صفحات الويب على العديد من العناصر المخفية التي لا يتم استخدامها وتضيف فقط كمية إضافية من التعليمات البرمجية. يمكن أن يساعد العثور على هذه العناصر وإزالتها في تحسين أداء الصفحة ووقت تحميلها.
بشكل عام ، يعد العثور على العناصر المخفية على صفحة الويب مهمة مهمة لإمكانية الوصول والأمان وتحسين الأداء. يمكن أن يساعد ذلك في تحسين تجربة المستخدم وضمان التشغيل الفعال للموقع.
الطريقة 1: التحقق من خاصية كس "العرض"
واحدة من أسهل الطرق للعثور على العناصر المخفية على الصفحة هي التحقق من خاصية كس "العرض". تحدد هذه الخاصية ما إذا كان سيتم عرض العنصر أو إخفاؤه.
للتحقق من خاصية كس من" العرض " ، تحتاج إلى استخدام أدوات المطور في المتصفح. في معظم المتصفحات ، يمكنك فتح المطور عن طريق النقر بزر الماوس الأيمن على عنصر واختيار "عرض رمز العنصر" أو "فحص العنصر".
في أدوات المطور ، ابحث عن العنصر المطلوب وابحث عن خاصية "العرض" في قائمة قواعد كس.
| قيمة خاصية "العرض" | الوصف |
|---|---|
| بلوك | يتم عرض العنصر كعنصر كتلة ، ويحتل العرض المتاح بالكامل ويبدأ سطرا جديدا. |
| مضمنة | يتم عرض العنصر كعنصر صغير ، ويحتل العرض المطلوب فقط ولا يبدأ سطرا جديدا. |
| لا يوجد | العنصر مخفي تماما ولا يشغل مساحة على الصفحة. |
| كتلة مضمنة | يتم عرض العنصر كعنصر صغير ، ولكن مع القدرة على ضبط عرضه وارتفاعه. |
إذا كانت قيمة خاصية" العرض "هي" لا شيء " ، فسيتم إخفاء العنصر في الصفحة. إذا كانت قيمة خاصية" العرض "هي" كتلة "أو" مضمنة "أو" كتلة مضمنة " ، فسيكون العنصر مرئيا وغير مخفي.
الطريقة 2: استخدام جافا سكريبت
الطريقة الثانية للعثور على جميع العناصر المخفية في الصفحة هي استخدام جافا سكريبت. باستخدام لغة البرمجة هذه ، يمكنك التعامل مع شجرة دوم والعثور على جميع العناصر مع سمات أو أنماط معينة.
فيما يلي مثال على شفرة جافا سكريبت التي يمكن استخدامها للعثور على جميع العناصر المخفية في الصفحة: