للتحكم في أدوات المطورين لمتصفح الهاتف يجب أن يتم إعداد كل من متصفح الويب والهاتف نفسه، وذلك كالتالي:
أولًا ضبط إعدادات المتصفح:
يجب الذذهاب إلى الرابط التالي: chrome://inspect#devices
في حالة إستعمال متصفح Edge فسوف يكون الرابط: edge://inspect/#devices
بعد ذلك يجب تحديد Discover USB devices (أي تعمل)، هذا الخيار يكون محددًا إفتراضيًا، كلن يجب التأكد من ذلك
ثانيًا ضبط إعدادات الهاتف:
يجب تفعيل وضع المطورين كأول خطوة، ويختلف هذا الأمر تبعًأ لنوع وإصدار كل الهاتف وإصدار نظام التشغيل أيضًا، لكن في الغالب يمكن تفعيل هذا الخيار من خلال الذهاب إلى الإعدادات Settings > معلومات/حول الهاتف About Phone ثم يجب الضغط على Build Number سبع مرات متتالية وبسرعة.
بعد عمل الخطوة السابقة يجب العودة إلى فتح الإعدادات مرة أخرى وستلاحظ ظهور خيار جديد في أسفل الإعدادات باسم خيارات المطورين Developer Options في داخله يوجد خيار USB Debugging يجب تفعيل هذا الخيار.
الآن نقوم بتشغيل متصفح الويب على الهاتف وتوصيل الهاتف إلى الحسوب عبر كابل USB، ويجب تفعيل وضع نقل الملفات Files Transefer
قد تظهر نافذة صغيرة باسم ?Allow USB debugging، يجب الضغط على Allow حتى يستطيع المتصفح على الحسوب التحكم بالمتصفح على الهاتف.
بعد عمل الخطوات السابقة، نذهب إلى الصفحة chrome://inspect#devices مرة أخرى وستجد أن هاتفك أصبح موجود في قائمة Remote Target (قد تحتاج إلى إعادة تحديث الصفحة)، وإن قمت بالذهاب إلى أسفل الصفحة سيمكنك فحص أي صفحة (تعمل في متصفح الويب على الهاتف) من خلال الضغط على inspect، وستظهر على الفور نافذة تحتوي على شاشة الهاتف وباقي أدوات المطورين كما في الصورة:
الآن بإمكنك تعديل أو تشغيل أي أكواد في الصفحة.
ملاحظة: قد يظهر لك خطأ 404 في أدوات المطورين، وستحتاج فقط فصل الهاتف وإعادة توصيله إلى الحسوب مرة أخرى.
مجتمع لمناقشة وتبادل الخبرات حول تطوير الويب. ناقش أحدث التقنيات، اللغات، والأدوات في عالم تطوير المواقع والتطبيقات. شارك مشاريعك، اسأل عن نصائح، وتعاون مع مطورين محترفين وهواة.
التعليقات