كيفية فحص عنصر على جهاز Mac

تعلمك هذه المقالة كيفية فحص عنصر موقع الويب على جهاز Mac. يبحث في كيفية القيام بذلك عبر Safari وكذلك من خلال استخدام Google Chrome.

كيف تستخدم ميزة فحص العنصر على جهاز Mac؟

قبل فحص العناصر على Mac عند استخدام Safari ، تحتاج إلى تمكين قائمة المطور داخل المتصفح. إليك نظرة على كيفية تشغيله وما يجب فعله لفحص عنصر.

استخدام ميزة فحص العنصر في Safari

1. في Safari ، انقر فوق سفاري > التفضيلات.
   

   

2. انقر متقدم.
   

   

3. انقر إظهار قائمة التطوير في شريط القوائم ثم أغلق النافذة.
   

   

4. عند تصفح أحد مواقع الويب ، انقر بزر الماوس الأيمن فوق العنصر الذي ترغب في فحصه.
   

5. انقر فحصعنصر.
   

   

6. يمكنك الآن عرض الكود الموجود خلف موقع الويب الذي فتشته.
   

   

استخدام ميزة فحص العنصر في Chrome على جهاز Mac

إذا كنت تستخدم Chrome بدلاً من Safari على جهاز Mac ، فسيكون من الأسهل عرض عنصر حيث لا توجد حاجة لتمكين الميزة. إليك ما يجب القيام به.

1. في Chrome ، تصفح للوصول إلى موقع ويب.
   

2. انقر بزر الماوس الأيمن على العنصر الذي ترغب في فحصه.
   

3. انقر فحص.
   

   

4. يمكنك الآن عرض الرمز في نافذة جانبية على Chrome.

   

لماذا لا يمكنني الفحص على جهاز Mac الخاص بي؟

السبب الرئيسي وراء عدم قدرتك على فحص عنصر على جهاز Mac الخاص بك هو إذا لم تقم بتمكين قائمة Developer داخل Safari. إليك تذكير بكيفية القيام بذلك.

1. في Safari ، انقر فوق سفاري > التفضيلات.
   

   

2. انقر متقدم.
   

   

3. انقر إظهار قائمة التطوير في شريط القوائم ثم أغلق النافذة.
   

   

كيفية إجراء تغييرات موقع الويب عن طريق فحص العنصر

إلى جانب السماح لك بمشاهدة الكود على موقع ويب ، من الممكن أيضًا تغيير أي عنصر موقع ويب مؤقتًا من خلال Inspect Element. إليك كيفية القيام بذلك عبر Safari.

1. عند تصفح أحد مواقع الويب ، انقر بزر الماوس الأيمن فوق العنصر الذي ترغب في فحصه.
   

2. انقر تدقيق العنصر.
   

3. انقر نقرًا مزدوجًا فوق النص في الكود لجعله قابلاً للتعديل.
   

4. احذفها أو أدخل سلسلة نصية جديدة.
   

5. اضغط على Enter.

6. تم الآن تغيير الرمز مؤقتًا لمصلحتك فقط.
   

لماذا تريد استخدام ميزة فحص العنصر؟

تعد القدرة على فحص عنصر أمرًا مفيدًا لعدد من الأسباب.

• لتغيير الشفرة على الطاير. يمكن لمصممي مواقع الويب تغيير الأشياء الموجودة على موقع الويب مؤقتًا لمعرفة كيف تؤثر التغييرات على الأشياء.
• للتحقق من الرمز. يمكن لكل من المصممين وأفراد التسويق التحقق من الكود للتأكد من تضمين أشياء مثل تفاصيل Google Analytics.
• لعرض الصور بشكل منفصل عن الموقع. إذا كان الموقع لا يسمح لك بفتح صورة في علامة تبويب أو نافذة جديدة ، فإن عرض العنصر يجعل ذلك ممكنًا.
• المصلح. يمكن أن تساعدك رؤية رمز صفحة الويب في فهمك لما تراه والذي يمكن أن يزيل الغموض حول أسباب وأسباب ما يحدث على الموقع الذي تتصفحه. فكر في الأمر مثل تفكيك أحد الأجهزة لمعرفة كيفية عمله ، ولكن في هذه الحالة ، لا توجد براغي لتخسرها.