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

تنزيل المقال

شارك في التأليف: Luigi Oppido

تنزيل المقال

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

الخطوات

تنزيل المقال

{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/32\/Inspect-Element-on-Chrome-Step-1.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/32\/Inspect-Element-on-Chrome-Step-1.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

شكل أيقونة كروم هو كرة ملونة بها نقطة زرقاء في المركز. يمكنك إيجادها في مجلد التطبيقات على ماك أو في قائمة ابدأ على ويندوز.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/94\/Inspect-Element-on-Chrome-Step-2.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/94\/Inspect-Element-on-Chrome-Step-2.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-2.jpg","smallWidth":460,"smallHeight":343,"bigWidth":728,"bigHeight":543,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

يوجد هذا الزر بجانب شريط العنوان في أعلى يمين نافذة المتصفح. سيفتح قائمة منسدلة.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/c\/c4\/Inspect-Element-on-Chrome-Step-3.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/c\/c4\/Inspect-Element-on-Chrome-Step-3.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-3.jpg","smallWidth":460,"smallHeight":348,"bigWidth":728,"bigHeight":550,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

ستظهر قائمة فرعية.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/a\/a8\/Inspect-Element-on-Chrome-Step-4.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/a\/a8\/Inspect-Element-on-Chrome-Step-4.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-4.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":541,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

4
انقر أدوات المطورين في قائمة "المزيد من الأدوات" الفرعية. سيتم فتح العمود الفاحص على الجانب الأيمن لنافذة المتصفح.
- يمكنك بدلًا من ذلك فتح الفاحص باستخدام اختصار لوحة المفاتيح. هذا الاختصار هو ⌥ Option + ⌘ Cmd + I على ماك، و Ctrl + Alt + I على ويندوز.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/f\/f3\/Inspect-Element-on-Chrome-Step-5.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/f\/f3\/Inspect-Element-on-Chrome-Step-5.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-5.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

يؤدي تحريك المؤشر فوق عنصر أو سطر ما في الفاحص إلى تحديد العنصر المختار في صفحة الويب.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e8\/Inspect-Element-on-Chrome-Step-6.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e8\/Inspect-Element-on-Chrome-Step-6.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-6.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":542,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

ستنبثق قائمة منسدلة بسبب هذه النقرة بزر الفأرة الأيمن.
{"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0a\/Inspect-Element-on-Chrome-Step-7.jpg\/v4-460px-Inspect-Element-on-Chrome-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0a\/Inspect-Element-on-Chrome-Step-7.jpg\/v4-728px-Inspect-Element-on-Chrome-Step-7.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":542,"licensing":"<div class=\"mw-parser-output\"><\/div>"}

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

تسجيل الدخول

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

الخطوات

مقالات ذات صلة في ويكي هاو

المزيد حول هذا المقال

هل ساعدك هذا المقال؟

مقالات ويكي هاو ذات صلة

تابعنا

مشاركة

Explore Categories