ما يجب معرفته
- تنشيط Web Inspector على iOS: انتقل إلى Settings> Safari> Advanced وانقل مفتاح التبديل Web Inspector إلى الوضع تشغيل.
- استخدام Web Inspector على macOS: قم بتوصيل جهاز iOS الخاص بك بجهاز Mac واختر عنوان URL للفحص من قائمة Develop.
إذا واجهت خطأ أو مشكلة أخرى في موقع ويب على Safari mobile ، فاستخدم أداة Web Inspector للتحقيق. تشرح هذه المقالة كيفية استخدام Safari console for iPhone لتصحيح الأخطاء بمساعدة كمبيوتر Mac الخاص بك.تنطبق التعليمات على أجهزة iPhone التي تعمل بنظام iOS 14 أو iOS 12 أو iOS 11 ، وكذلك أجهزة Mac التي تعمل بنظام macOS Big Sur (11.0) أو macOS Catalina (10.15) أو macOS Mojave (10.14).
قم بتنشيط Web Inspector على جهاز iPhone أو جهاز iOS آخر
يتم تعطيل Web Inspector افتراضيًا نظرًا لأن معظم مستخدمي iPhone لا يستخدمون له. ومع ذلك ، إذا كنت مطورًا أو لديك فضول ، فيمكنك تنشيطه في بضع خطوات قصيرة. وإليك الطريقة:
-
افتح قائمة iPhone Settings.
على iPhone مع إصدار أقدم من iOS ، قم بالوصول إلى Debug Console من خلال Settings> Safari> Developer> Debug Consoleعندما يكتشف Safari على iPhone أخطاء CSS و HTML و JavaScript ، تفاصيل كل عرض في مصحح الأخطاء.
- قم بالتمرير لأسفل وانقر فوق Safariلفتح الشاشة التي تحتوي على كل ما يتعلق بمتصفح الويب Safari على جهاز iPhone أو iPad أو iPod touch.
- قم بالتمرير إلى أسفل الصفحة وحدد متقدم.
-
انقل مفتاح Web Inspector إلى الوضع On.
Image
قم بتوصيل جهاز iOS الخاص بك إلى Safari على جهاز Mac
لاستخدام Web Inspector ، قم بتوصيل جهاز iPhone أو أي جهاز iOS آخر بجهاز Mac به متصفح الويب Safari وقم بتمكين قائمة التطوير.
-
مع فتح Safari ، حدد Safari من شريط القائمة واختر Preferences.
Image -
حدد علامة التبويب متقدم.
Image -
حدد خانة الاختيار إظهار قائمة التطوير في شريط القوائموأغلق نافذة الإعدادات.
Image -
من شريط قوائم Safari ، حدد Develop واختر اسم جهاز iOS المتصل ، ثم حدد عنوان URL الذي يظهر ضمن Safariلفتح وحدة التصحيح لهذا الموقع.
Image بعد توصيل جهازك ، استخدم جهاز Mac الخاص بك لتفقد موقع الويب الذي تريد تصحيحه وفتحه في متصفح Safari للجوال.
ما هو مفتش الويب؟
يستخدم مطورو الويب Web Inspector لتعديل مواقع الويب وتصحيحها وتحسينها على أجهزة Mac و iOS. مع فتح Web Inspector ، يمكن للمطورين فحص الموارد الموجودة على صفحة الويب. تحتوي نافذة Web Inspector على HTML قابل للتحرير وملاحظات تتعلق بأنماط وطبقات صفحة الويب في لوحة منفصلة.
قبل iOS 6 ، كان متصفح الويب الخاص بـ iPhone Safari يحتوي على وحدة تحكم Debug مضمنة يستخدمها المطورون للعثور على عيوب صفحات الويب. تستخدم الإصدارات الأخيرة من iOS Web Inspector بدلاً من ذلك.
مع Safari 9 و OS X Mavericks (10.9) ، قدمت Apple وضع التصميم المستجيب في Web Inspector. يستخدم المطورون هذا المحاكي المدمج لمعاينة كيفية تحجيم صفحات الويب لأحجام ودقة واتجاهات مختلفة للشاشة.
