تطبيقاتكيفية

كيفية “فحص العنصر” في أي متصفح لرؤية كود HTML لموقع الويب

سواء كنت مطورًا طموحًا أو محترفًا في التسويق الرقمي أو مهتمًا فقط بأسس الويب ، فهناك طريقة بسيطة لاستكشاف الكود الفعلي وراء أي موقع ويب.

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

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

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

هناك عدة طرق لاستخدام أمر فحص العنصر في كروم.

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

كيفية فحص عنصر في فايرفوكس

وبالمثل ، يقدم فايرفوكس طريقتين لفحص العناصر في صفحة ويب:

  1. استخدم قائمة النقر بزر الماوس الأيمن.
  2. انقر بزر الماوس الأيمن فوق أي جزء من موقع الويب.
  3. ثم اختر فحص من القائمة المنبثقة.

أو

  1. استخدم قائمة فايرفوكس .
  2. انقر فوق القائمة المكونة من ثلاثة أسطر في الجزء العلوي من الشاشة .
  3. واختر المزيد من الأدوات .
  4. ثم أدوات Web Developer.
  5. عندما تفتح وحدة التحكم في الجزء السفلي من الشاشة ، انقر فوق المفتش.

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

توجد طريقة واحدة فقط للوصول إلى أداة Inspect Element في الإصدار الحالي من Microsoft Edge .

  1. باستخدام قائمة النقر بزر الماوس الأيمن. انقر بزر الماوس الأيمن فوق أي جزء من موقع الويب .
  2. اختر فحص من القائمة المنبثقة.

كيفية فحص العنصر في سفاري

على عكس معظم المتصفحات الحديثة ، يتم تعطيل أمر Inspect Element افتراضيًا في سفاري- ولكن يتم تشغيله بسهولة.

  1.  ابدأ سفاري.
  2. في شريط القائمة ، اختر سفاري، ثم التفضيلات.
  3. انقر فوق علامة التبويب خيارات متقدمة.
  4. في الجزء السفلي من النافذة ، حدد المربع لعرض قائمة التطوير في شريط القوائم.

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

  • استخدم قائمة النقر مع الضغط على مفتاح Ctrl. انقر مع الضغط على مفتاح Ctrl فوق أي جزء من موقع الويب ثم اختر فحص العنصر من القائمة المنبثقة.
  • استخدم قائمة التطوير. انقر فوق Develop في شريط القائمة أعلى الشاشة ، ثم اختر Show Web Inspector.

مقالات ذات صلة