المحتوى
- الوصول إلى أدوات المطورين في متصفح الويب من Apple
- كيفية تمكين وضع التصميم المتجاوب في Safari
- أدوات المطور سفاري
الوصول إلى أدوات المطورين في متصفح الويب من Apple
يعد التأكد من أن مواقع الويب وتطبيقات الويب تدعم مجموعة من الأجهزة والأنظمة الأساسية مهمة أساسية لمطوري الويب. يتضمن متصفح الويب Safari من Apple وضع تصميم متجاوب يسمح لك بمعاينة الكيفية التي سيتم بها عرض موقعك بدرجات دقة شاشة مختلفة وعلى أجهزة iPad و iPhone و iPod touch المختلفة.
تنطبق التعليمات الواردة في هذه المقالة على Safari 13 لنظام macOS. وضع التصميم المستجيب غير متوفر في إصدار Windows.
كيفية تمكين وضع التصميم المتجاوب في Safari
لتمكين أدوات مطوري Safari ووضع التصميم المتجاوب:
-
تحديد سفاري > التفضيلات في شريط أدوات Safari.
يمكنك أيضًا استخدام اختصار لوحة المفاتيح أمر+فاصلة (،) للوصول إلى قائمة التفضيلات.
-
في قائمة التفضيلات ، حدد المتقدمة علامة التبويب والتحقق من المربع بجانب إظهار قائمة التطوير في شريط القوائم. يجب أن يتوفر خيار جديد الآن في شريط أدوات Safari أعلى الشاشة.
-
تحديد طور > أدخل وضع التصميم سريع الاستجابة في شريط أدوات Safari.
يمكنك أيضًا استخدام اختصار لوحة المفاتيح اختيار+أمر+ص للدخول إلى وضع التصميم المتجاوب.
-
يجب الآن عرض صفحة الويب النشطة في وضع التصميم المتجاوب. في الجزء العلوي من الصفحة ، اختر جهاز iOS أو دقة شاشة لمعرفة كيفية عرض الصفحة.
يمكنك أيضًا توجيه Safari لمحاكاة وكلاء المستخدم المختلفين باستخدام القائمة المنسدلة أعلى أيقونات الدقة مباشرةً.
أدوات المطور سفاري
بالإضافة إلى وضع التصميم سريع الاستجابة ، تقدم قائمة تطوير Safari العديد من الخيارات المفيدة الأخرى بما في ذلك:
- افتح صفحة بها: افتح صفحة الويب النشطة في أي متصفح آخر مثبت حاليًا على جهاز Mac الخاص بك.
- وكيل المستخدم: يؤدي تغيير وكيل المستخدم إلى تعريف خوادم الويب لمتصفحك على أنه شيء آخر بخلاف Safari.
- ربط مفتش الويب: عرض جميع موارد صفحة الويب بما في ذلك معلومات CSS ومقاييس DOM.
- إظهار خطأ وحدة التحكم: عرض أخطاء وتحذيرات JavaScript و HTML و XML.
- إظهار مصدر الصفحة: عرض رمز مصدر صفحة الويب النشطة والبحث فيه.
- إظهار موارد الصفحة: عرض المستندات والنصوص و CSS والموارد الأخرى من الصفحة الحالية.
- إظهار محرر المقتطف: تحرير وتنفيذ أجزاء من التعليمات البرمجية. هذه الميزة مفيدة للغاية من منظور الاختبار.
- إظهار منشئ الإضافة: قم بإنشاء ملحقات Safari الخاصة بك عن طريق حزم التعليمات البرمجية وفقًا لذلك وإلحاق البيانات الوصفية.
- ابدأ تسجيل المخطط الزمني: سجل طلبات الشبكة وتنفيذ جافا سكريبت وعرض الصفحة والأحداث الأخرى داخل WebKit Inspector.
- مخابئ فارغة: حذف جميع ذاكرة التخزين المؤقت المخزنة داخل Safari ، وليس فقط ملفات ذاكرة التخزين المؤقت القياسية لموقع الويب.
- تعطيل ذاكرة التخزين المؤقت: عند تعطيل التخزين المؤقت ، يتم تنزيل الموارد من موقع ويب في كل مرة يتم فيها طلب الوصول بدلاً من استخدام ذاكرة التخزين المؤقت المحلية.
- اسمح بجافا سكريبت من حقل البحث الذكي: معطل افتراضيًا لأسباب أمنية ، تسمح لك هذه الميزة بإدخال عناوين URL التي تحتوي على JavaScript في شريط عناوين Safari.
- تعامل مع شهادات SHA-1 على أنها غير آمنة: اختصارًا لخوارزمية التجزئة الآمنة ، ثبت أن وظيفة التجزئة SHA-1 أقل أمانًا مما كان يُعتقد في الأصل ، وبالتالي فإن إضافة هذا الخيار في Safari.
