ميزة وضع الجهاز في Chrome: محاكاة الأجهزة المحمولة بسرعة

جرب أداة القضاء على المشاكل

بصفتك مشرف موقع ، لا يتعين عليك فقط التأكد من عرض المحتويات الصحيحة لمستخدمي سطح المكتب ولكن أيضًا من تقديم مستخدمي الجوال بشكل صحيح.

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

أحد الأشياء التي تريد التأكد منها هو أن موقع الويب يظهر بشكل جيد بغض النظر عن حجم الشاشة. يجب أن يتم عرضه بشكل جيد للزوار الذين يتصفحون الويب باستخدام جهاز Iphone 5 من Apple أو باستخدام جهاز Google Nexus أو Windows Phone أو Amazon Kindle.

يوفر لك وضع الجهاز في Google Chrome ، المتوفر في Chromium أيضًا ، الأدوات اللازمة لمحاكاة الأجهزة المحمولة بسرعة في المتصفح.

أحد التطبيقات هو التأكد من أن الشاشة تظهر بشكل جيد على الجهاز ، والآخر لمعرفة مدى جودة تسليم المحتويات إلى الجهاز.

ملحوظة : قد تفتقر إصدارات Chrome إلى بعض ميزات وضع الجهاز والمحاكاة. ومع ذلك ، سيتم توفير هذه الميزات في نهاية المطاف.

ابدأ وضع الجهاز

لبدء وضع الجهاز ، افتح أدوات المطور أولاً. يمكنك القيام بذلك باستخدام الاختصار Ctrl-Shift-i ، أو بالنقر فوق رمز Hamburger ، وتحديد المزيد من الأدوات> أدوات المطور من قائمة السياق.

هنا تحتاج إلى تحديد زر وضع الجهاز الذي تجده مدرجًا في الزاوية اليسرى العليا بجوار رمز المفتش.

بمجرد الانتهاء من ذلك ، يتم عرض قائمة جديدة في الأعلى ، وستلاحظ أن المساطر تُعرض عموديًا وأفقيًا أيضًا.

chrome device mode

يمكنك استخدام قائمة الجهاز في الجزء العلوي لتحديد جهاز معين تهتم به. سيقوم Chrome تلقائيًا بتعديل الصفحة لتناسب الدقة (والتي يمكنك تعطيلها إذا أردت).

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

اعتمادًا على الموقع المعني ، قد يكون من الضروري إعادة تحميله للحصول على النتائج المناسبة. هذا هو الحال على سبيل المثال في Ghacks حيث اضطررت إلى إعادة تحميل الصفحة لعرض نسخة الجوال من الموقع.

خيار آخر مثير للاهتمام هو القدرة على تبديل عرض الشاشة وارتفاعها بسرعة لمحاكاة الوضع الأفقي أيضًا.

يمكنك معرفة المزيد حول الميزات الأخرى لوضع الجهاز على موقع Chrome Developer الرسمي .

خاتمة

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