الرئيسيةعالم الانترنتطريقة فحص توافق موقع ويب مع الأجهزة المحمولة في متصفح كروم

طريقة فحص توافق موقع ويب مع الأجهزة المحمولة في متصفح كروم

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

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

إذا كنت صاحب موقع وتريد التحقق من مظهر موقع الويب الخاص بك على الهاتف المحمول، فإن متصفح “جوجل كروم” (Google Chrome) يحتوي على أداة مفيدة تتيح لك القيام بذلك مباشرة من جهاز كمبيوتر سطح المكتب.

يمكنك ذلك من خلال التحقق بسرعة من قائمة “فحص” (Inspect) في كروم، سنوضح لك كيف يعمل.

اقرأ أيضاً: طريقة تغيير محرك البحث الافتراضي في متصفح كروم

طريقة فحص توافق موقع ويب مع الأجهزة المحمولة

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

بمجرد الوصول إلى هناك، يمكنك القيام بأحد أمرين:

انقر بزر الماوس الأيمن على مساحة فارغة وحدد “فحص” (Inspect) من القائمة.

استخدم اختصار لوحة المفاتيح Ctrl + Shift + I (هذا هو حرف “i” الكبير).

أداة الفحص على الأجهزة المحمولة

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

أداة الفحص

سوف تتحول الصفحة على الفور إلى تخطيط الأجهزة المحمولة.

سيكون وضع “الاستجابة” (Responsive) مفعلاً بشكل افتراضي، ويمكنك سحب المقبض على الجانب الأيمن لرؤية الصفحة تتغير ديناميكياً كلما اتسعت الشاشة.

أداة الفحص

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

 

Responsive

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

هذا كل ما في الأمر. الآن، يمكنك بسهولة عرض مواقع الويب في مجموعة متنوعة من تخطيطات الأجهزة المحمولة المختلفة في متصفح كروم.

اقرأ أيضاً: 

طريقة عرض كلمة المرور المحفوظة في متصفح كروم وإيدج وفايرفوكس

طريقة استخدام أداة فحص كلمة المرور في متصفح كروم للتأكد من عدم اختراق بياناتك

 

مدرسة زاد

مقالات ذات صلة

ترك الرد

من فضلك ادخل تعليقك
من فضلك ادخل اسمك هنا

أحدث الدروس

احدث التعليقات