كيفية استخدام Web Inspector على iPhone: 15 خطوة (بالصور)

جدول المحتويات:

كيفية استخدام Web Inspector على iPhone: 15 خطوة (بالصور)
كيفية استخدام Web Inspector على iPhone: 15 خطوة (بالصور)

فيديو: كيفية استخدام Web Inspector على iPhone: 15 خطوة (بالصور)

فيديو: كيفية استخدام Web Inspector على iPhone: 15 خطوة (بالصور)
فيديو: تحويل هاتفك الاندرويد الى ايفون 14 مع iOS 16 بدون روت 2024, أبريل
Anonim

تعلمك مقالة ويكي هاو هذه كيفية استخدام تطبيق Safari لسطح المكتب من Apple للتحقق من أداء صفحات الويب للجوال في Safari لأجهزة iPhone.

خطوات

جزء 1 من 3: تمكين Web Inspector على iPhone الخاص بك

استخدم Web Inspector على iPhone الخطوة 1
استخدم Web Inspector على iPhone الخطوة 1

الخطوة 1. افتح إعدادات جهاز iPhone الخاص بك

إنه رمز رمادي يحتوي على التروس على شاشتك الرئيسية.

استخدم Web Inspector على iPhone الخطوة 2
استخدم Web Inspector على iPhone الخطوة 2

الخطوة 2. قم بالتمرير لأسفل وانقر فوق Safari

إنه موجود في المجموعة الرابعة أو الخامسة من الإعدادات ، إلى جانب تطبيقات Apple iPhone الأخرى ، مثل البريد وجهات الاتصال.

استخدم Web Inspector على iPhone الخطوة 3
استخدم Web Inspector على iPhone الخطوة 3

الخطوة 3. قم بالتمرير لأسفل وانقر فوق خيارات متقدمة

يوجد في أسفل القائمة.

استخدم Web Inspector على iPhone الخطوة 4
استخدم Web Inspector على iPhone الخطوة 4

الخطوة 4. مرر الزر بجوار "Web Inspector" إلى الوضع "On"

إنه الخيار الأخير وسيتحول إلى اللون الأخضر عند التمكين.

جزء 2 من 3: تمكين Web Inspector على جهاز Mac الخاص بك

استخدم Web Inspector على iPhone الخطوة 5
استخدم Web Inspector على iPhone الخطوة 5

الخطوة 1. افتح Safari على جهاز Mac الخاص بك

إنه التطبيق الذي يشبه البوصلة الزرقاء.

استخدم Web Inspector على iPhone الخطوة 6
استخدم Web Inspector على iPhone الخطوة 6

الخطوة 2. انقر فوق Safari

يوجد هذا الزر في شريط القائمة أعلى يسار الشاشة.

استخدم Web Inspector على iPhone الخطوة 7
استخدم Web Inspector على iPhone الخطوة 7

الخطوة الثالثة. انقر على التفضيلات

استخدم Web Inspector على iPhone الخطوة 8
استخدم Web Inspector على iPhone الخطوة 8

الخطوة 4. انقر فوق "متقدم"

إنها علامة التبويب الموجودة في أقصى اليمين على طول الجزء العلوي من النافذة.

استخدم Web Inspector على iPhone الخطوة 9
استخدم Web Inspector على iPhone الخطوة 9

الخطوة 5. حدد "إظهار قائمة التطوير في شريط القوائم

" يوجد في أسفل النافذة.

استخدم Web Inspector على iPhone الخطوة 10
استخدم Web Inspector على iPhone الخطوة 10

الخطوة 6. قم بتوصيل جهاز iPhone الخاص بك

استخدم كابل USB المرفق بجهازك لتوصيل جهاز iPhone بجهاز Mac.

جزء 3 من 3: استخدام Web Inspector على Safari لأجهزة iPhone

استخدم Web Inspector على iPhone الخطوة 11
استخدم Web Inspector على iPhone الخطوة 11

الخطوة 1. افتح موقع ويب

على Safari لأجهزة iPhone ، افتح صفحة الويب للجوال التي ترغب في تصحيحها.

استخدم Web Inspector على iPhone الخطوة 12
استخدم Web Inspector على iPhone الخطوة 12

الخطوة 2. انقر فوق تطوير

إنها القائمة المنسدلة الثالثة من اليمين على Safari لنظام التشغيل Mac.

استخدم Web Inspector على iPhone الخطوة 13
استخدم Web Inspector على iPhone الخطوة 13

الخطوة 3. انقر على جهاز iPhone الخاص بك

سيتم إدراجه بالقرب من أعلى القائمة.

استخدم Web Inspector على iPhone الخطوة 14
استخدم Web Inspector على iPhone الخطوة 14

الخطوة 4. انقر فوق موقع الويب

يظهر في نافذة منبثقة على يمين iPhone الخاص بك.

إذا لم تفتح موقع ويب على تطبيق Safari بجهاز iPhone ، فسترى رسالة "لا توجد تطبيقات قادرة على فحص"

استخدم Web Inspector على iPhone الخطوة 15
استخدم Web Inspector على iPhone الخطوة 15

الخطوة 5. افحص الصفحة

باستخدام Safari على جهاز Mac الخاص بك ، يمكنك تحسين وقياس أداء صفحات الهاتف المحمول على جهاز iPhone الخاص بك.

  • يتيح لك Web Inspector تشغيل الأوامر في JavaScript لإنشاء تجربة تفاعلية أكثر ديناميكية للمستخدم ، مثل الرسوم المتحركة والرسائل في الوقت الفعلي.
  • افحص عناصر DOM (نموذج كائن المستند) بحثًا عن أخطاء في أوامر HTML أو XML أو JavaScript.
  • استخدم CSS لتحديث أو تحرير التخطيط والألوان والخطوط على صفحات الجوال.

موصى به: