"نحن جميعًا الآن متصلون بالإنترنت، مثل الخلايا العصبية في دماغ عملاق" ~ ستيفن هوكينج
حسنًا، أليس هذا صحيحًا تمامًا؟ قوة الإنترنت لا مثيل لها! شبكة الإنترنت مليئة بملايين المواقع والمعلومات. سواء كنت بحاجة إلى البحث عن معلومة محددة للبحث، أو ببساطة تصفح بوابات الترفيه أو البحث على وسائل التواصل الاجتماعي، فإن مواقع الويب بمثابة مصدر أساسي لإبقائنا ملتصقين بأدواتك.
مصدر الصورة: YouTube
هل سمعت عن ميزة "فحص العنصر" أثناء استخدام أي من مواقع الويب؟ يشبه Inspect Element أداة متصفح تتيح لك عرض وتحرير نص HTML وCSS لصفحة الويب. تتوفر هذه الميزة في جميع المتصفحات، ومع ذلك، قد يكون الاسم المعطى لها مختلفًا، مثل Chrome، وهو وضع المطور، وفي Safari، فهو Web Inspector، وفي Firefox، فهو Inspect.
في هذه المقالة، سنتعرف على كيفية فحص العنصر على نظام التشغيل Mac على متصفحات مختلفة، بما في ذلك Safari وGoogle Chrome وFirefox. وقبل أن نبدأ، دعونا نحصل على فهم سريع لكيفية استخدام أداة فحص العنصر وسبب فائدتها.
ما هو "فحص العنصر"؟
عندما تنقر بزر الماوس الأيمن على أي موقع ويب، سترى ميزة "فحص العنصر" في قائمة السياق. من الناحية الفنية، تتيح أداة Inspect Element للمستخدمين عرض صفحة الويب أو تعديلها على الواجهة الأمامية. يتم استخدام أداة Inspect Element بشكل رئيسي من قبل مطوري الواجهة الأمامية للتلاعب بشكل ومظهر موقع ويب معين دون الخوف من تخريب التعليمات البرمجية المباشرة. يتم استخدامه في مرحلة "الاختبار" "لفحص" عناصر موقع الويب في مناسبات معينة.
كيفية فحص العنصر على نظام التشغيل Mac
تأتي ميزة فحص العنصر مضمنة مع كل شبكة ويب المتصفح، بما في ذلك Safari وChrome وFirefox. سوف نتعلم الآن كيفية استخدام Inspect Element على جهاز Mac لكل متصفح ويب.
Safari:
قبل أن نبدأ، أولاً، دعنا نقوم بتمكين ميزة "Inspect Element" على Safari في حالة عدم تشغيله افتراضيًا.
قم بتشغيل Safari، وافتح "التفضيلات".
قم بالتبديل إلى علامة التبويب "خيارات متقدمة" ثم تحقق من ذلك خيار "إظهار قائمة التطوير في شريط القائمة".
بمجرد تحديد هذا الخيار، سيتم إضافة خيار "تطوير" جديد إلى شريط القائمة.
لفحص العنصر على نظام Mac على متصفح Safari، إليك ما يتعين عليك فعله:
الخيار 1: عبر طريقة النقر بزر الماوس الأيمن
إن أسرع طريقة لاستخدام أداة Inspect Element على نظام Mac هي استخدام طريقة النقر بزر الماوس الأيمن.
قم بزيارة صفحة الويب، وانقر بزر الماوس الأيمن في أي مكان على المساحة البيضاء، حدد "فحص".
الخيار 2: عبر قائمة "تطوير"
يمكنك أيضًا استخدام ميزة فحص العنصر عبر قائمة "تطوير" المضافة حديثًا.
تفضل بزيارة الموقع الإلكتروني، وانقر على خيار "تطوير" الموجود في شريط القائمة العلوي، ثم حدد "إظهار مفتش الويب".
الخيار 3: استخدام مفاتيح الاختصار
البديل الثالث لاستخدام أداة Inspect Element على نظام macOS هو عبر مفاتيح الاختصار.
ما عليك سوى الضغط على مجموعة المفاتيح Command + Option + I لفحص العنصر في صفحة الويب.
Google Chrome:
هناك 4 طرق مختلفة لكيفية فحص العنصر على جهاز Mac على Chrome المتصفح.
الخيار 1: انقر بزر الماوس الأيمن على الطريقة
قم بتشغيل متصفح Chrome على جهاز Mac الخاص بك، وقم بزيارة موقع الويب الذي تحتاج إلى فحص العناصر فيه.
انقر بزر الماوس الأيمن في أي مكان ثم حدد "فحص".
الخيار 2: عبر شريط القائمة
قم بتشغيل Chrome، وانقر على خيار "عرض" الموجود على شريط القائمة العلوي.
مصدر الصورة: المستخدم المتميز
انتقل إلى أدوات المطور> المطور> أدوات المطور.
حدد خيار "التخصيص والتحكم" لاستخدام فحص العنصر في Chrome.
الخيار 3: استخدام اختصارات لوحة المفاتيح
اضغط على خيار Command + Option + C لعرض نافذة "فحص العنصر" في Chrome.
الخيار 4: عبر الإعدادات
قم بتشغيل Google Chrome على نظام التشغيل macOS، وانقر على أيقونة النقاط الثلاث الموجودة في الزاوية العلوية اليمنى.
اضغط على "المزيد من الأدوات" ثم حدد "أدوات المطور".
Mozilla Firefox:
لاستخدام أداة فحص العنصر في Firefox، اتبع هذه الخطوات السريعة.
الخيار 1: طريقة النقر بزر الماوس الأيمن
قم بتشغيل Firefox، وقم بزيارة موقع الويب.
انقر بزر الماوس الأيمن في أي مكان على الشاشة، وحدد "فحص".
الخيار 2: عبر القائمة
قم بتشغيل Firefox على نظام Mac. اضغط على خيار "الأدوات" الموجود في شريط القائمة العلوي، وحدد "مطور الويب". اضغط على "فحص".
الخيار 3: مفاتيح الاختصار
يمكن تحقيق الاختصار لتمكين فحص العنصر على نظام Mac على متصفح Firefox بالضغط على الأمر + مجموعة المفاتيح Option + C.
الأسئلة الشائعة:
س.1. كيف د o أفتح عنصر الفحص على جهاز Mac؟مصدر الصورة: Zapier
إحدى أسرع الطرق لفتح أداة Inspect Element على نظام Mac هي النقر بزر الماوس الأيمن على موقع الويب واختيار خيار "Inspect" من قائمة السياق.
س.2. ما هو الاختصار لفحص العنصر على جهاز Mac؟تختلف الاختصارات المستخدمة لاستخدام Inspect Element في كل متصفح:
- Safari: Command + Option + I
- Chrome: Command + Option + C
- فايرفوكس: Command Option + C
لاستخدام Inspect Element في Google Chrome، يمكنك إما الضغط على مجموعة المفاتيح Command + Option + C. وبدلاً من ذلك، يمكنك أيضًا النقر بزر الماوس الأيمن في أي مكان على الشاشة، واختيار "فحص" لتشغيل نافذة فحص العنصر.
الكلمة الأخيرة حول كيفية فحص العنصر على نظام Macإليك دليل سريع حول كيفية الاستخدام أداة Inspect Element على نظام macOS وعلى متصفحات الويب المختلفة، بما في ذلك Safari وChrome وFirefox. تابعنا على وسائل التواصل الإجتماعي - . ما مدى تكرار استخدامك لأداة Inspect Element على نظام Mac ولأي غرض؟ لا تتردد في مشاركة أفكارك مع قرائنا.
قراءة: 0
