v1.0.0 · الكونسول جاهز Microsoft Edge · MV3 · WebAssembly

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

Edge Console أداةُ تطويرٍ موسّعةٌ تعمل ضمن متصفّح Microsoft Edge، صنعتها sbay-dev — مطورو المستقبل. تمنحك تجربةَ DevTools كاملةً على الشاشات الكبيرة المحمولة، مع جسرٍ أصليٍّ إلى gh copilot cli عبر بروتوكول MCP.

0تبعيّات في الواجهة
MV3معمارية الإضافة
MCPجسر Copilot أصلي
WASMواجهة C# / Razor
المزايا

واجهةٌ من زمنٍ آخَر، تعمل اليوم

كلّ مكوّنٍ صُمِّم ليبدو كأنّه قادمٌ من نسخة Edge المستقبليّة — بأدوات مطوّرٍ كاملةٍ على الشاشات اللوحيّة المحمولة.

كونسول كامل

يلتقط console.* والاستثناءات وفشل الشبكة عبر CDP، مع تلوينٍ ومرشّحاتٍ ومستوياتٍ احترافية.

متاح الآن

شجرة Pofs

استعراضٌ كاملٌ لملفّات الموقع الفعّال وملفّات WasmMvc (OPFS · IndexedDB · SQLite) كشجرةِ مجلّدات، مع زرّ تحميل لكلّ عقدة.

قريبًا · v1.1

الشبكة

مراقبةٌ مباشرةٌ للطلبات، توقيتاتٌ، رؤوسٌ، وحمولاتٌ — كلّها قابلةٌ للنقل إلى Copilot كسياقٍ بضغطة.

على الخارطة

العناصر

شجرة DOM حيّة، تعديلٌ آنيٌّ للأنماط، ومحرّك styles باللمس — مهيّأٌ للشاشات الكبيرة.

على الخارطة

جسر Copilot عبر MCP

خادم MCP أصليٌّ يبثّ الأحداث إلى gh copilot cli ليصبح المساعدُ مدركًا لحالة الصفحة وأخطائها لحظةً بلحظة.

متاح الآن

واجهة WasmMvc

واجهةُ DevTools نفسُها مكتوبةٌ بـ C# / Razor فوق NetWasmMvc.SDK — أداءٌ أصليٌّ وتشغيلٌ آمنٌ في sandbox.

متاح الآن
المعمارية

ثلاث طبقات · غير معتمدةٍ على السحابة

إضافة MV3 ↔ جسر MCP محلّيّ ↔ واجهة WasmMvc. كلّ شيءٍ يجري على جهازك.

المتصفّح · MV3
  • Service Worker
  • DevTools page
  • CDP debugger client
CDP / postMessage
الواجهة · WASM
  • WasmMvcRuntime
  • Razor + C#
  • Cepha App shell
Native Messaging / WS
الجسر · MCP
  • Sbay.DevTools.Bridge
  • NLog → stderr
  • gh copilot cli
خارطة الطريق

من الكونسول إلى DevTools كاملة

  1. v1.0 · الكونسول

    إصدارٌ أوّلٌ بكونسول كامل + جسر MCP لـ Copilot.

  2. v1.2 · الشبكة والعناصر

    لوحَتَا Network وElements بأسلوب Chromium DevTools كاملًا.

  3. v2.0 · المصادر والأداء

    Sources مع نقاط توقّفٍ، وتحليلٌ للأداء وتطبيقٌ تخزينيّ.

التثبيت

ثلاث خطواتٍ لتشغيلها

1

حمّل الحزمة

نزّل sbay-dev-extension-v1.0.0.zip من صفحة الإصدارات وفُكّ ضغطه.

2

حمّل في Edge

افتح edge://extensions، فعّل وضع المطوّر، ثم «تحميل غير مضغوط» وأشّر إلى المجلد.

3

شغّل الجسر

في الطرفيّة شغّل sbay-devtools-bridge --ws-only ثم افتح DevTools واختر تبويب sbay-dev.

صُنع بفخرٍ في المنطقة العربيّة

sbay-dev · مطوّرو المستقبل — نبني أدواتٍ تجعل المتصفّحَ مساحةَ عملٍ كاملةٍ على الأجهزة المحمولة.