كيفية فحص العنصر على 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

كيفية استخدام Snap Camera مع Google Meet

كيفية استخدام Snap Camera مع Google Meet

يحتوي تطبيق Google Meet على ميزة تمويه الخلفية، والتي تُشوش الخلفية أو تُخفيها بصورة. هذا هو مدى تأثيرها. منذ أن أطلقت Google

أفضل 150 ملحقًا للمتصفح وتطبيقات الويب لعام 2011 [اختيار المحرر]

أفضل 150 ملحقًا للمتصفح وتطبيقات الويب لعام 2011 [اختيار المحرر]

سواء كنت تستخدم جهاز ماك أو ويندوز، فأنت لا تزال تستخدم الإنترنت نفسه. تتشابه مشاكلك وإزعاجاتك وإحباطاتك على الإنترنت، وأنت...

كيفية تقسيم شاشة فايرفوكس لتوفير مساحة لمزيد من المحتوى

كيفية تقسيم شاشة فايرفوكس لتوفير مساحة لمزيد من المحتوى

إذا كنت تستخدم فايرفوكس وترغب في زيادة إنتاجيتك، فهذه النصيحة لك. Split Browser هي إضافة مجانية لمتصفح فايرفوكس تُقسّم

DropItToMe هي طريقة آمنة للسماح للأشخاص برفع الملفات إلى Dropbox الخاص بك

DropItToMe هي طريقة آمنة للسماح للأشخاص برفع الملفات إلى Dropbox الخاص بك

عندما نشرنا عن Dropbox Uploader في شهر أغسطس الماضي، استلهم الكثير من الأشخاص الفكرة وقاموا بإنشاء نسختهم الخاصة من البرنامج النصي عن طريق تعديل النص الأصلي

إضافة مسجل الماكرو لمتصفح جوجل كروم

إضافة مسجل الماكرو لمتصفح جوجل كروم

وحدات الماكرو رائعة حقًا، شرحنا كيفية استخدامها في Excel 2010 وWord 2010 وغيرهما لتسجيل المهام المتكررة ثم تشغيلها. الآن، فريق العمل وراء...

الوصول إلى جميع حسابات البريد الإلكتروني الخاصة بك من Gmail

الوصول إلى جميع حسابات البريد الإلكتروني الخاصة بك من Gmail

هل ترغب في إدارة جميع حسابات بريدك الإلكتروني، مثل هوتميل وياهو وAOL وغيرها، من خلال جيميل؟ بدلاً من تصفح حسابات بريد إلكتروني مختلفة على مواقعها الإلكترونية،

كيفية تكبير الشاشة في Microsoft Teams

كيفية تكبير الشاشة في Microsoft Teams

يتميز Microsoft Teams بواجهة مستخدم جيدة. أيقوناته مصممة بشكل جيد، كما أن الوضع الداكن يسمح للمستخدمين بقراءة النصوص بسهولة على خلفية داكنة.

المسح التلقائي والاتصال باتصالات Wi-Fi المفتوحة [DD-WRT]

المسح التلقائي والاتصال باتصالات Wi-Fi المفتوحة [DD-WRT]

AutoAP عبارة عن إضافة لبرامج DD-WRT الثابتة في أجهزة التوجيه والتي ستقوم بالمسح المستمر والاتصال بالشبكات اللاسلكية المفتوحة والمحددة مسبقًا بأقوى

كيفية تثبيت Android Market 2.2.11

كيفية تثبيت Android Market 2.2.11

تم تسريب تحديث جديد لتطبيق Android Market إلى الإصدار 2.2.11 والذي كان من المفترض أن يكون مخصصًا للأجهزة التي لم يتم إصدارها بعد، وإذا كنت تريد الحصول عليه

استخدم YouTube كمنبه

استخدم YouTube كمنبه

العالم يتغير، فهل يجب أن يتغير منبهك القديم أيضًا؟ إذا كنت معتادًا على النوم كثيرًا أثناء العمل أو أي نشاط آخر،