ادوات مطوري الويب

مرحبا..

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

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

يمكن استعراض أدوات مطوري متصفح الهاتف على الحاسوب كالتالي:

  • في هاتف أندرويد عليك تفعيل خيارات المطور (الضبط - ثم حول ) ثم النقر على build number ل 7 مرات
  • ثم تفعيل وضع تصميح USB في خيارات المطورين في الهاتف.
  • عليك وصل الهاتف بالحاسوب عن طريق USB.
  • في متصفح الحاسوب، ادخل لأدوات المطورين devTools ثم المزيد من الأدوات ثم Remote Device أو جهاز بعيد وحدد الجهاز المطلوب.
  • ادخل لمتصفح كروم في الهاتف ثم استعرض أي موقع، و سيتم نقل البيانات وعرضها على الحاسوب مثل التبويبات المفتوحة و يمكنك عمل inspect عليهم

التوثيق:

شكرا لك 🖤🌷

للتحكم في أدوات المطورين لمتصفح الهاتف يجب أن يتم إعداد كل من متصفح الويب والهاتف نفسه، وذلك كالتالي:

أولًا ضبط إعدادات المتصفح:

  • يجب الذذهاب إلى الرابط التالي: 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 في أدوات المطورين، وستحتاج فقط فصل الهاتف وإعادة توصيله إلى الحسوب مرة أخرى.

شكرا🖤