كيفية فحص العنصر على Chrome و Firefox و Safari و Edge

يمكنك فحص عناصر التعليمات البرمجية المختلفة لموقع ويب باستخدام الأمر "فحص" في معظم مستعرضات الويب. في Chrome ، يمكنك الحصول عليه كعنصر قائمة سياق انقر بزر الماوس الأيمن . قد تسمي متصفحات الويب المختلفة الخيار بشكل مختلف ولكن الهدف واحد.

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

اقرأ هذا البرنامج التعليمي حتى النهاية للحصول على فهم كامل لميزة عنصر الفحص لمعظم مواقع الويب الشائعة التي يستخدمها مستخدمو الإنترنت.

ما هو عنصر الفحص لأي مستعرض ويب؟

تأتي متصفحات الويب الحديثة مزودة بالعديد من أدوات المطورين لمساعدة المستخدمين على فحص التعليمات البرمجية المصدر لموقع الويب والأنشطة الضارة وما إلى ذلك. ومن بين هذه الأدوات عنصر الفحص. يكشف عن المحتوى المميز بتنسيق HTML أو رمز. 

يمكنك قراءة الكود لفهم ما تفعله الشفرة بالفعل في الخلفية. يستخدم الخبراء هذه الأداة في الغالب لتحرير الكود المصدري لأي موقع ويب. قد تتضمن شفرة المصدر أوراق الأنماط المتتالية (CSS) ولغة ترميز النص التشعبي (HTML) وملفات الوسائط وجافا سكريبت وما إلى ذلك.

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

من يجب أن يعرف كيفية فحص العنصر ولماذا؟

يجب أن تعرف طريقة فحص العناصر على صفحة الويب إذا كنت من أي من المهن التالية: 

1. مؤلف وصانع المحتوى

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

2. مطور الموقع

يمكنك اختبار العديد من مكونات الويب عبر الإنترنت باستخدام ميزة فحص العنصر عندما تكون في مرحلة التطوير. أيضًا ، بعد التطوير ، يمكنك إجراء تصحيح الأخطاء باستخدام فحص العنصر. 

3. مندوب دعم العملاء

يمكن لوكلاء تجربة العملاء مساعدة المطورين والمسوقين عبر الإنترنت من خلال معالجة مكونات الويب باستخدام هذا الخيار. 

4. الموقع ومصمم الجرافيك

يستفيد مصممو الجرافيك ومواقع الويب أيضًا من أداة عنصر الفحص من خلال تصور الإضافات الجديدة قبل التنفيذ. 

5. المسوق الرقمي

يستخدم المسؤولون التنفيذيون في تحسين محرك البحث والتسويق هذه الأداة لاكتشاف إجراءات المنافسين لتحسين موقع الويب. على سبيل المثال ، يمكنك معرفة الكلمات الرئيسية المستهدفة والبيانات الوصفية لموقع الويب وعنوان تحسين محركات البحث ورؤوس المحتوى وحالة فهرس بحث Google وما إلى ذلك. 

إذا كنت تعرف كيفية فحص العناصر على متصفح الويب ، يمكنك الاستفادة من جميع المزايا المذكورة حتى الآن. دعنا نتعرف على خيارات عنصر الفحص في العديد من متصفحات الويب الشائعة أدناه: 

كيفية فحص العناصر على Chrome

  • قم بزيارة موقع الويب الذي تريد استخدام أداة عنصر الفحص فيه.
  • حدد أي عنصر مثل نص ، صورة ، ارتباط تشعبي ، إلخ.

  • الآن ، انقر بزر الماوس الأيمن ثم حدد فحص من قائمة السياق.

  • سيتم فتح جزء التنقل الخاص بالعناصر على الجانب الأيمن لإظهار العديد من الرموز.

  • الرمز المميز باللون الأزرق هو العنصر الذي حددته على موقع الويب.

  • ما عليك سوى النقر فوق الزر إغلاق (عرض) في الزاوية العلوية اليمنى من الشريط الجانبي للعناصر لإغلاق اللوحة.  

كيفية فحص العناصر على Safari

  1. افتح تطبيق Safari على جهاز macOS الخاص بك ، ثم انقر فوق التفضيلات .
  2. حدد قائمة "إظهار التطوير" في شريط القائمة في قسم "خيارات متقدمة" في التفضيلات .
  3. الآن ، سيظهر خيار التطوير .
  4. بعد ذلك ، قم بزيارة أي موقع ويب وحدد مكون ويب.
  5. انقر بزر الماوس الأيمن وانقر فوق "فحص العنصر" لعرض رمز مكون الويب المحدد في وحدة عرض المفتش.
  6. يمكنك النقر فوق الزر المتقاطع في جزء التنقل لعرض الفحص لإغلاق أداة عنصر الفحص. 

كيفية فحص العناصر على Firefox

  1. افتح Firefox وانتقل إلى موقع المنافس.
  2. الآن ، انتقل إلى الصفحة التي تريد فحص العناصر فيها.
  3. حدد أي مكون ويب مثل صورة أو رسم توضيحي أو محتوى أو ارتباط تشعبي.
  4. انقر بزر الماوس الأيمن على الماوس ، وسترى قائمة سياق بها عدة خيارات.
  5. سيكون أحد هذه الخيارات هو فحص العنصر .
  6. انقر فوق فحص العنصر لفتح الشريط الجانبي لعرض الفحص.
  7. الكود المميز في عرض الفحص هو سطر الكود للمكون الذي حددته.
  8. سيؤدي تحديد رمز الإغلاق أو التقاطع في الزاوية العلوية اليمنى من وحدة عرض الفحص إلى إغلاق اللوحة.

كيفية فحص العناصر الموجودة على الحافة

  1. قم بالوصول إلى صفحة ويب باستخدام متصفح Microsoft Edge.
  2. في شريط أدوات المتصفح ، سترى قائمة كباب أو قائمة بثلاث نقاط رأسية. انقر عليه.
  3. سيتم فتح قائمة السياق مع الكثير من الخيارات.
  4. قم بالتمرير لأسفل حتى تجد خيار المزيد من الأدوات . الآن ، اضغط عليها.
  5. سيتم فتح قائمة سياق جديدة بخيار آخر أدوات المطور . حدد ذلك.
  6. سيؤدي هذا إلى فتح عرض الفحص للصفحة.
  7. بدلاً من ذلك ، حدد أي عنصر على موقع الويب ثم انقر بزر الماوس الأيمن .
  8. انقر فوق فحص من قائمة السياق التي تظهر.
  9. الرمز المميز الذي ستراه في وحدة عرض الفحص هو رمز العنصر.
  10. تمامًا مثل مواقع الويب الأخرى المذكورة حتى الآن ، سيؤدي النقر فوق الرمز المتقاطع في وحدة عرض الفحص إلى إغلاق ميزة عنصر الفحص. 

خاتمة

لقد اكتشفت حتى الآن عدة طرق لفحص عناصر التعليمات البرمجية لمتصفحات الويب الشائعة. يجب أن تفهم الآن بوضوح كيفية فحص العناصر على متصفحات الويب المذكورة.

يمكنك تطبيق ما تعلمته في مهنتك أو هوايتك كمطور ويب أو مصمم أو مسوق رقمي. 

قد تكون مهتمًا أيضًا بأفضل خدمات VPN لجعل تصفح الويب الخاص بك خاصًا والوصول إلى المحتوى المقيد جغرافيًا للاحتياجات المهنية.

Leave a Comment

إنشاء خريطة لهاتف Android في Windows للوصول إلى الملفات عبر WiFi باستخدام SwiFTP

إنشاء خريطة لهاتف Android في Windows للوصول إلى الملفات عبر WiFi باستخدام SwiFTP

إذا كنت من هواة الأجهزة الإلكترونية وتحب القيام بأي شيء يتضمن الوصول عن بُعد إلى جهازك من أي مكان، فجرب SwiFTP FTP Server.

كيفية الاستماع إلى الموسيقى عبر الإنترنت مجانًا دون تنزيل في عام 2025

كيفية الاستماع إلى الموسيقى عبر الإنترنت مجانًا دون تنزيل في عام 2025

اكتشف الدليل الشامل لبث الموسيقى مجانًا عبر الإنترنت في عام ٢٠٢٣ دون أي تنزيلات! استمتع بأغانيك المفضلة دون أي متاعب.

DocTranslator هو مترجم مجاني عبر الإنترنت لمستندات Office

DocTranslator هو مترجم مجاني عبر الإنترنت لمستندات Office

مترجم جوجل بارعٌ جدًا في عمله، أي ترجمة النصوص. تُغذّى بسلسلة نصية، وتحصل على النتيجة فورًا بطرقٍ أخرى متنوعة.

أضف المزيد من الأيقونات إلى الشاشة الرئيسية لجهاز Android الخاص بك

أضف المزيد من الأيقونات إلى الشاشة الرئيسية لجهاز Android الخاص بك

يوجد ما مجموعه 7 شاشات رئيسية على كل جهاز أندرويد، ويمكن إضافة 16 اختصارًا للتطبيقات فقط في كل شاشة. مع إضافة أدوات كبيرة،

تنزيل وتثبيت MeeGo 1.1 على Nokia N900

تنزيل وتثبيت MeeGo 1.1 على Nokia N900

أخيرًا، هناك أخبار سارة لمالكي N900، حيث تم إصدار MeeGo 1.1 مع إمكانية التشغيل المزدوج. MeeGo هو في الأساس هاتف ذكي يعمل بنظام Linux.

كيفية العثور على عنوان شخص ما بأمان وقانونيًا

كيفية العثور على عنوان شخص ما بأمان وقانونيًا

اكتشف طرقًا آمنة وقانونية للعثور على عنوان شخص ما عبر الإنترنت. اتبع هذه الخطوات للعثور على المعلومات دون انتهاك قوانين الخصوصية.

ماذا يعني الوجه الضاحك المقلوب في النصوص؟

ماذا يعني الوجه الضاحك المقلوب في النصوص؟

هل تتساءل ما معنى الوجه المبتسم المقلوب؟ 🙃 يُستخدم غالبًا للتعبير عن السخرية، أو الإحراج، أو الفكاهة السلبية العدوانية في المحادثات.

علامة عدم التساوي – كيفية كتابة رمز عدم التساوي ( ≠ )

علامة عدم التساوي – كيفية كتابة رمز عدم التساوي ( ≠ )

اكتشف الفرق بين علامة التساوي وعلامة اللاتساوي. أتقن استخدامها في الرياضيات والبرمجة.

تنزيل جيلبريك Greenpoison iOS 4.1 لأجهزة iPhone 4 / 3GS

تنزيل جيلبريك Greenpoison iOS 4.1 لأجهزة iPhone 4 / 3GS

أصدرت Geohot لعبة Limera1n قبل يومين فقط في 10/10/10، مما أفسد العمل الشاق لفريق Chronic. كان الفريق حزينًا للغاية، ولم يبق أمامه سوى خيارين:

تثبيت علامات التبويب بشكل دائم في Google Chrome

تثبيت علامات التبويب بشكل دائم في Google Chrome

عند تثبيت علامة تبويب في جوجل كروم، يتقلص حجمها لدرجة أنك لا ترى سوى الرمز المفضل. هذه ميزة رائعة للمستخدمين الذين لديهم الكثير من