REA أم Chrome DevTools: تحقيق بمساعدة وكيل أم تنقيح مباشر للأخطاء؟
اختر Chrome DevTools لتنقيح أخطاء المتصفح تفاعليًا، وREA لتحقيقات وكلاء البرمجة التي تستند إلى البرامج النصية والطلبات والأدلة الداعمة.
ما الجديد في هذه الصفحة
- — نُشرت حالات مجتمعية موثّقة بالمصادر وأدلة عملية، مع توضيح حدود الأدلة.
اختر Chrome DevTools لتنقيح أخطاء المتصفح مباشرة، وتعديل DOM/CSS، ووضع نقاط توقف في JavaScript، وفحص الأداء. واختر REA عندما تريد من وكيل برمجة أن يحقق في صفحة متصفح، ويربط برامج نصية أو طلبات محددة بسؤال، ويشرح النتائج مستندًا إلى الأدلة.
يتطلب سير عمل المتصفح في REA اتصالًا محليًا بالمتصفح أُعدّ مسبقًا. وهو لا يفحص موقعًا لمجرد أن شخصًا أدخل عنوان URL في هذا الموقع المجتمعي. يربط هذا الدليل المستقل بـ وثائق المتصفح الرسمية لـ REA ووثائق Chrome DevTools.
كيف يختلف أسلوبا العمل في المتصفح؟
Chrome DevTools مدمج في Chrome. تتيح لوحاته للمطوّر فحص صفحة قيد التشغيل، وتغيير الأنماط، وإيقاف تنفيذ JavaScript مؤقتًا، وفحص الطلبات، وتسجيل مسارات تفاعل المستخدم، وفحص الأداء والذاكرة. وأنت تتحكم في التحقيق مباشرة داخل المتصفح. توثّق نظرة Google العامة على DevTools هذه الأساليب.
يربط REA وكيل البرمجة بملاحظات محددة من المتصفح، تشمل بنية الصفحة والبرامج النصية المحمّلة ونشاط الشبكة ولقطات الشاشة المطلوبة. ويستخدم الوكيل هذه الملاحظات للإجابة عن سؤال محدد أو اقتراح إعادة بناء. ويوفر REA أيضًا أساليب عمل منفصلة لملفات التطبيقات المحلية والملفات الثنائية الأصلية، وهي تتجاوز النطاق المعتاد لتنقيح أخطاء الصفحات في DevTools. يميّز ملف README الخاص بـ REA بين هذه الفئات من الأهداف.
| ما الذي تريد فعله؟ | نقطة البداية الموصى بها | المدخلات | النتيجة أو الميزة |
|---|---|---|---|
| تعديل التباعد أو التخطيط أو قاعدة CSS فورًا | Chrome DevTools | عنصر DOM محدد | تعديل الأنماط مباشرة وملاحظة الأثر بصريًا |
| التوقف عند سطر JavaScript وفحص الحالة | Chrome DevTools | صفحة قيد التشغيل ونقطة توقف | التحكم المباشر في منقّح الأخطاء وفحص المتغيرات |
| تحديد عنق زجاجة في التحميل أو مشكلة في الذاكرة | Chrome DevTools | تسجيل للأداء أو ملف تعريف للذاكرة | مخططات زمنية ولوحات تشخيص متخصصة |
| سؤال وكيل عن كيفية عمل ميزة في المتصفح | سير عمل المتصفح في REA | اتصال محلي مُعدّ مسبقًا وسؤال محدد | شيفرة وملاحظات محددة يفسّرها الوكيل |
| تتبّع ميزة من حزمة Electron إلى شيفرة أصلية | أساليب REA المنفصلة للتطبيقات والملفات الثنائية الأصلية | ملفات التطبيق المحلية ومزوّدون مناسبون | أدلة عبر أنواع متعددة من الأهداف |
متى يكون Chrome DevTools الخيار الأقوى؟
استخدم DevTools عندما تعرف مسبقًا ما تريد فحصه وتريد ملاحظة الأثر فورًا. فاختيار عنصر أو تجربة نمط أو وضع نقطة توقف أو مراجعة طلب يكون غالبًا إجراءً مباشرًا قصيرًا. ويجنّبك DevTools خطوات الإعداد والتفسير الإضافية التي يتطلبها التفاعل مع وكيل.
ويُعدّ DevTools أيضًا نقطة البداية الأقوى للعمل التفصيلي على أداء المتصفح والذاكرة. تعرض لوحة الأداء تسجيلات التحميل والتشغيل، وتساعد أدوات الذاكرة في التحقيق في مشكلات الذاكرة. لا تعني قدرة REA على جمع ملاحظات المتصفح أنه يقدّم واجهة مكافئة لكل أداة تشخيص في DevTools. ابدأ بـ وثائق الأداء من Google أو وثائق الذاكرة لهذه المهام.
عند فشل طلب، تتيح لك لوحة الشبكة الوصول المباشر إلى النشاط الذي سجّله المتصفح. يمكن للوكيل أن يساعد في تفسير الأدلة، لكن إضافة طبقة وكيل ليست ضرورية حين توضح حالة الاستجابة أو حمولة الطلب المشكلة بالفعل.
متى يفيد التحقيق باستخدام REA؟
يفيد REA عندما يتطلب سؤالك عدة ملاحظات مترابطة وتريد من وكيل البرمجة شرح العلاقة بينها. اسأل عن سلوك محدد، وحدّد الصفحة المستهدفة، واطلب الشيفرة المحمّلة والملاحظات ذات الصلة. أما الطلب الواسع مثل «اشرح هذا الموقع بالكامل» فيمنحك وسائل واضحة أقل للتحقق من الإجابة.
يقدّم مثال الديناصور الرسمي من REA توضيحًا ملموسًا. يقرأ REA البرنامج النصي الذي تحمّله لعبة ديناصور مشتقة من Chromium. يحدّد الوكيل سرعة ابتدائية قدرها 6، وتسارعًا قدره 0.001 لكل تحديث لا يحدث فيه تصادم، وسرعة قصوى قدرها 13، ثم يستخدم تلك القاعدة في لعبة صغيرة قابلة لضبط السرعة. ويتضمن المثال مراجع للمصدر وفحصًا مضبوطًا لقاعدة السرعة.
هذا المثال من إعداد مشروع REA. وهو ليس دليلًا على إمكان إعادة بناء كل موقع، ولا ينبغي تقديمه بوصفه تجربة مستخدم مستقل من المجتمع. تفصل مجموعة الحالات المجتمعية لدينا بين المنشورات المصدرية والأمثلة التطبيقية الرسمية.
كيف تُعدّ تحقيقًا في المتصفح؟
اتبع خطوات إعداد المتصفح في REA لمتصفح من عائلة Chrome واتصال محلي لتنقيح الأخطاء. أعطِ الوكيل عنوان URL للصفحة المقصودة، ونقطة الاتصال المحلية المطلوبة في ذلك الدليل، وسؤالًا واحدًا. التزم بنطاق الاتصال المحدد في الدليل بدلًا من إتاحة خدمة تنقيح الأخطاء على الإنترنت العام.
يمكن أن يكون طلبك لصفحة تجريبية تملكها كالتالي:
استخدم REA مع الاتصال المحلي المُعدّ مسبقًا بالمتصفح لفحص
صفحتي التجريبية. اشرح كيف يحدّث مربع البحث فيها النتائج.
اعرض البرنامج النصي المحمّل ذي الصلة ومواضعه في المصدر.
اذكر الملاحظات التي تدعم الشرح وأي أمور غير معروفة.
راجع ما إذا كانت الأدلة المقدمة تصف الإجراء والحالة اللذين قصدتهما. إذا كان التطبيق يتضمن عدة صفحات أو حالات، فقد لا يفسّر برنامج نصي من إحدى الحالات حالةً أخرى. كرّر الإجراء يدويًا في DevTools عند الحاجة لتأكيد الطلب أو مسار الشيفرة الذي وصفه الوكيل.
هل تستطيع أي من الأداتين عرض الشيفرة المصدرية للواجهة الخلفية للموقع؟
تكشف البرامج النصية والطلبات التي يمكن للمتصفح رؤيتها سلوك جهة العميل المتاح لجلسة المتصفح تلك. وهي لا تكشف تلقائيًا شيفرة التنفيذ الخاصة بالخادم أو محتويات قاعدة البيانات أو قواعد العمل المخفية. قد توضح الاستجابة ما أعاده الخادم لطلب واحد دون أن تشرح كل خطوة داخلية أنتجته.
تعامل مع تصميم الواجهة الخلفية الذي يقترحه الوكيل بوصفه فرضية ما لم تدعمه أدلة منفصلة جُمعت بإذن. إعادة إنشاء واجهة مرصودة واستعادة تنفيذها الأصلي ادعاءان مختلفان. تساعد أدلة REA وقيوده في توضيح هذا الحد؛ ويظل على الوكيل الالتزام به.
قد تتضمن بيانات المتصفح الملتقطة معلومات خاصة بالجلسة أو أجسام الطلبات أو عناوين URL حساسة. ينفّذ REA التحليل محليًا، لكن نتائج الأدوات المقدمة تنتقل إلى وكيل البرمجة وتخضع لسياسة البيانات لدى مزوّد نموذجه. توضح الأسئلة الشائعة الرسمية لـ REA هذا الحد الفاصل في التعامل مع البيانات. شارك فقط الملاحظات المناسبة لمهمتك وصلاحياتك.
ما الأسئلة الشائعة عند الاختيار بينهما؟
هل يحل REA محل Chrome DevTools؟
يوفر REA واجهة تحقيق لوكيل البرمجة. ويوفر DevTools تنقيحًا مباشرًا لأخطاء المتصفح ولوحات تشخيص متخصصة. ويُعد استخدام DevTools للتحقق من نتيجة توصل إليها REA جمعًا مفيدًا بين الأداتين.
هل أحتاج إلى Hopper أو Ghidra أو IDA لفحص موقع؟
يتطلب سير عمل المتصفح في REA متصفحًا متوافقًا واتصاله المحلي الموثّق. وتُستخدم محركات تحليل الملفات الثنائية الأصلية لإجراء تحليل متعمق منفصل لهذه الملفات، لا للفحص المعتاد للصفحات.
هل يعمل REA داخل هذا الموقع؟
لا. ينشر reverseengineeranything.tools أمثلة مجتمعية وأدلة. ثبّت حزمة REA الرسمية على جهازك لإجراء التحقيقات؛ فهذا الموقع لا يوفّر رفع ملفات للتحليل أو تنفيذًا مستضافًا.
هل يمكنني استخدام DevTools دون نموذج ذكاء اصطناعي؟
نعم. يتوفر Chrome DevTools مباشرة داخل Chrome. كما تستطيع واجهة CLI الخاصة بـ REA تشغيل أساليب العمل المدعومة دون وكيل برمجة، بينما يعتمد التحقيق باستخدام REA بقيادة وكيل على إمكانية الوصول إلى النموذج وشروطه الخاصة بذلك العميل.
كيف أبدأ استخدام REA مع وكيل؟
اقرأ دليل التحقيق الأول لدينا، ثم اتبع أدلة الإعداد والمتصفح الرسمية. تحقّق من قائمة الأدوات في الخادم المثبّت لديك؛ فقد تكون الميزات الموثّقة في فرع main من المستودع أحدث من الحزمة المنشورة.