إن كونك مطور مواقع على شبكة الإنترنت في عالم اليوم يعني دعم مجموعة من الأجهزة والمنصات ، والتي يمكن أن تثبت في بعض الأحيان أنها مهمة شاقة. حتى مع وجود الشفرة الأكثر تصميمًا والتي تلتزم بأحدث معايير الويب ، فلا يزال بإمكانك العثور على أجزاء من موقعك على الويب قد لا تبدو أو تتصرف بالطريقة التي تريدها بها على أجهزة أو قرارات معينة. عندما تواجه تحدي دعم مثل هذه المجموعة الواسعة من السيناريوهات ، فإن امتلاك أدوات المحاكاة الصحيحة تحت تصرفك يمكن أن يكون لا يقدر بثمن.
إذا كنت أحد المبرمجين العديدين الذين يستخدمون جهاز Mac ، فإن أدوات تطوير مطوري Safari تأتي دائمًا في متناول اليد. مع إصدار Safari 9 ، اتسع نطاق هذه الوظيفة بشكل كبير ، ويرجع ذلك أساسًا إلى وضع التصميم المستجيب ، والذي يسمح لك بمعاينة كيفية عرض موقعك على مختلف درجات دقة الشاشة وكذلك على أجهزة iPad و iPhone و iPod touch المختلفة.
يوضح هذا البرنامج التعليمي كيفية تنشيط وضع التصميم المستجيب بالإضافة إلى كيفية استخدامه لتلبية احتياجات التطوير الخاصة بك.
تفضيلات سفاري
أولاً ، افتح متصفح Safari.
انقر فوق رحلات السفاري في قائمة المتصفح ، الموجودة في الجزء العلوي من الشاشة. عندما تظهر القائمة المنسدلة ، حدد تفضيلات خيار دائري في المثال الموضح.
ملحوظة: يمكنك استخدام اختصار لوحة المفاتيح التالي بدلاً من عنصر القائمة المذكور آنفًا: سطر + COMMA (،)
02 من 05إظهار قائمة التطوير
يجب الآن عرض مربع حوار تفضيلات Safari ، مع تراكب نافذة المتصفح. أولا ، انقر على المتقدمة رمز يمثله الترس ويقع في الزاوية اليمنى العليا من النافذة.
يجب أن تكون تفضيلات المستعرض المتقدمة مرئية الآن. في الجزء السفلي هو خيار يرافقه مربع اختيار ، المسمى إظهار قائمة التطوير في شريط القوائم وحلقت في المثال أعلاه. انقر على مربع الاختيار مرة واحدة لتنشيط هذه القائمة.
03 من 05أدخل وضع التصميم السريع الاستجابة
يجب أن يتوفر خيار جديد الآن في قائمة Safari ، الموجودة أعلى الشاشة ، المسمى طور. انقر على هذا الخيار.
عندما تظهر القائمة المنسدلة ، حدد أدخل وضع التصميم السريع الاستجابةحلقت في المثال هو موضح.
ملحوظة: يمكنك استخدام اختصار لوحة المفاتيح التالي بدلاً من عنصر القائمة المذكور آنفًا:OPTION + COMMAND + R
04 من 05وضع التصميم المستجيب
يجب الآن عرض صفحة الويب النشطة في وضع التصميم المتجاوب ، كما هو موضح في المثال أعلاه. من خلال تحديد أحد أجهزة iOS المدرجة مثل iPhone 6 ، أو أحد دقة الشاشة المحددة المتاحة مثل 800 × 600 ، يمكنك عرض كيفية عرض الصفحة على هذا الجهاز أو في دقة العرض هذه.
بالإضافة إلى الأجهزة والحلول المعروضة ، يمكنك أيضًا توجيه Safari لمحاكاة وكيل مستخدم مختلف - مثل وكيل من متصفح مختلف - عن طريق النقر على القائمة المنسدلة الموضحة أعلى رموز الدقة مباشرةً.
05 من 05تطوير القائمة: خيارات أخرى
بالإضافة إلى وضع التصميم المستجيب ، تقدم قائمة تطوير Safari 9's العديد من الخيارات المفيدة الأخرى ، وبعضها مدرج أدناه.
- فتح الصفحة مع: يسمح لك بفتح صفحة الويب النشطة في أي متصفح آخر مثبت حاليًا على جهاز Mac.
- وكيل المستخدم: يؤدي تغيير وكيل المستخدم إلى جعل خوادم الويب تحدد متصفحك على أنه شيء آخر بخلاف Safari 9.
- الاتصال بفريق الويب يعرض مفتش الويب Safari 9 جميع موارد صفحة الويب ، مما يوفر إمكانية الاطلاع على معلومات CSS ومقاييس DOM وبنيتها ، بالإضافة إلى شفرة المصدر الأصلية.
- إظهار وحدة تحكم الأخطاء: واحدة من أكثر الخيارات استخدامًا على نطاق واسع في قائمة التطوير ، تعرض وحدة التحكم هذه أخطاء جافا سكريبت و HTML و XML والتحذيرات.
- عرض مصدر الصفحة: يسمح لك بعرض وشفرة مصدر صفحة الويب النشطة.
- عرض موارد الصفحة: يؤدي تحديد هذا الخيار إلى عرض المستندات والبرامج النصية و CSS والموارد الأخرى من الصفحة الحالية.
- عرض محرر مقتطفات: يوفر القدرة على تحرير أجزاء التعليمات البرمجية وتنفيذها ، بدلاً من صفحة كاملة. هذه الميزة مفيدة للغاية من منظور الاختبار.
- إظهار أداة إنشاء البنايات: يسمح لك ببناء امتدادات Safari الخاصة بك عن طريق تعبئة التعليمات البرمجية الخاصة بك وفقًا لذلك وإلحاق البيانات الوصفية.
- بدء التسجيل الزمني: تسجيل عدد من العناصر بما في ذلك طلبات الشبكة ، وتنفيذ جافا سكريبت ، وعرض الصفحة ، وغيرها من الأحداث لفترة محددة من قبل المستخدم كلها قابلة للعرض داخل WebKit Inspector.
- تخزين مؤقت فارغ: يؤدي النقر على هذا الخيار إلى حذف كل ذاكرة التخزين المؤقت المخزنة داخل Safari ، وليس فقط ملفات التخزين المؤقت القياسية لموقع الويب.
- تعطيل ذاكرة التخزين المؤقت: عند تعطيل التخزين المؤقت ، يتم تنزيل الموارد من موقع ويب في كل مرة يتم فيها تقديم طلب وصول بدلاً من استخدام ذاكرة التخزين المؤقت المحلية.
- السماح بـ JavaScript من حقل البحث الذكي: معطل افتراضيًا لأسباب تتعلق بالأمان ، تتيح لك هذه الميزة إدخال عناوين URL التي تحتوي على جافا سكريبت في شريط عناوين Safari.
- تعامل شهادات SHA-1 باعتبارها غير آمنة: باختصار لخوارزمية التجزئة الآمنة ، أثبتت دالة هاش SHA-1 أنها أقل أمانًا مما كان يعتقد في البداية ، وبالتالي فإن إضافة هذا الخيار في Safari 9.
