كيفية فحص العنصر على 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 لجعل تصفح الويب الخاص بك خاصًا والوصول إلى المحتوى المقيد جغرافيًا للاحتياجات المهنية.