كيفية تصحيح أخطاء صفحات الويب على Chrome لنظام Android على الكمبيوتر

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

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

تصحيح أخطاء صفحة الويب

الخطوة 1: تنزيل وتثبيت أندرويد سك على جهاز الكمبيوتر الخاص بك وتشغيله. سيطلب منك برنامج التثبيت تنزيل Java إذا لم يكن مثبتًا لديك.

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

أدوات منصة Android SDK وانقر فوق ثبت المجموعة زر.

الخطوة 2: بعد تثبيت أدوات نظام Android ، افتح صندوق التشغيل (Windows + R) و اهرب ٪ userprofile٪ \ AppData \ Local \ Android \ android-sdk \ platform-tools لفتح دليل أدوات نظام Android الأساسي.

الخطوه 3: الآن اضغط مع الاستمرار على مفتاح Ctrl + Shift وانقر بزر الماوس الأيمن في المجلد لفتح موجه الأوامر هناك. يمكنك أيضًا فتح موجه الأوامر باستخدام مربع التشغيل والتنقل إلى المجلد يدويًا.

الخطوة الرابعة: بعد القيام بذلك ، افتح Chrome على هاتف Android الخاص بك ، وافتح الإعدادات -> أدوات المطور وتحقق من الخيار تمكين تصحيح أخطاء الويب عبر USB.

الخطوة الخامسة: الآن في موجه الأوامر ، قم بتشغيل الأمر adb forward tcp: 9222 localabstract: chrome_devtools_remote وافتح متصفح Chrome على Windows عند التنفيذ الناجح.

الخطوة السادسة: افتح الصفحة التي تريد تصحيح أخطائها على متصفح Android Chrome وافتح عنوان URL المضيف المحلي: 9222 على متصفح Chrome بجهاز الكمبيوتر الخاص بك.

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

استنتاج

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