Charles
أداة intercept و debug لشبكة HTTP/HTTPS
Charles Proxy هي أداة كلاسيكية لاعتراض وفحص حركة الشبكة. تسمح بمراقبة، تعديل، ومحاكاة request/response للتطبيقات والمواقع.
Charles Proxy
أداة Intercept و Debug لبروتوكول HTTP/HTTPS
Charles Proxy هو أداة قديمة ومعروفة لاعتراض وفحص حركة المرور من البروتوكولات المختلفة (HTTP, HTTPS, WebSocket). يوفر واجهة غنية بالميزات لتحليل وتعديل الاستجابات والطلبات.
Chrome DevTools
أدوات مطوري الويب المتكاملة
Chrome DevTools هي مجموعة أدوات متكاملة مدمجة في متصفح Chrome لتصحيح وفحص وتحسين المواقع والتطبيقات. تشمل Elements, Console, Sources, Network, Performance, وغيرها.
Firefox DevTools
أدوات مطوري الويب في Firefox
Firefox DevTools هي مجموعة أدوات مدمجة في Firefox لتصحيح وفحص المواقع. تتميز بأدوات CSS متقدمة، Debugger قوي، و network monitor ممتاز.
JSON Server
مولد REST API وهمي (Mock REST API Generator)
JSON Server هو أداة تحول ملف JSON إلى REST API كامل الميزات في ثوانٍ. يوفر filtering, sorting, pagination, و relationships. مثالي للـ prototyping والتطوير أمام الخلفية.
Lighthouse
أداة تحليل أداء وجودة المواقع
Lighthouse هي أداة من Google لتحليل وتحسين جودة صفحات الويب. تفحص الأداء، إمكانية الوصول، SEO، أفضل الممارسات، والتطبيق التقدمي (PWA).
Miraje
مكتبة محاكاة API في الذاكرة
Miraje هي مكتبة JavaScript خفيفة لمحاكاة APIs في الذاكرة. تتيح إنشاء mock APIs سريعة للاختبار والتطوير مع TypeScript support.
Mirazhi
مكتبة Mocking للـ APIs داخل المتصفح (API Mocking Library)
MirageJS هي مكتبة JavaScript لمحاكاة APIs داخل المتصفح. تتيح إنشاء خادم وهمي متكامل يعترض طلبات fetch و XMLHttpRequest ويعيد ردود وهمية، مثالية للتطوير والاختبار.
Mockingbird
أداة تطوير قوالب JSON وهمية (Mock Data Generator)
Mockingbird هي أداة ويب لتطوير مولدات بيانات وهمية بصيغة JSON بسهولة. توفر واجهة drag-and-drop لإنشاء بيانات تجريبية معقدة للمشاريع.
Node Inspector
مصحح أخطاء Node.js مدمج
Node.js يوفر debugger مدمج يمكن الوصول إليه عبر Chrome DevTools أو Node Inspector. يدعم breakpoints، stepping، و variable inspection.
Proxyman
أداة اعتراض وفحص HTTP/HTTPS (HTTP(Debugging Proxy
Proxyman هو تطبيق interception و inspection حديث لبروتوكول HTTP/HTTPS. يُستخدم لاعتراض ومراقبة وتعديل الطلبات والاستجابات في تطبيقات الويب والموبايل، يوفر واجهة مستخدم أنيقة وأداء عالي.
React DevTools
إضافة متصفح لتصحيح أخطاء React
React DevTools هي إضافة متصفح رسمية من فريق React لتصحيح وفحص مكونات React. تتيح لك عرض شجرة المكونات، فحص الـ props و state، ومراقبة الأداء.
React DevTools Extension
إضافة متصفح لتصحيح أخطاء React (React Debugging Extension)
React DevTools هي إضافة للمتصفح (Chrome, Firefox, Edge, Brave) لفحص شجرة مكونات React، مراقبة props و state، وتتبع الأداء. أداة أساسية لكل مطور React.
Redux DevTools
إداة تصحيح حالة Redux
Redux DevTools هي أداة قوية لتصحيح وتتبع حالة Redux في تطبيقات JavaScript. تتيح time-travel debugging، عرض actions و state، ومراقبة التغييرات.
Redux DevTools Extension
إضافة متصفح لتصحيح أخطاء Redux (Redux Debugging Extension)
Redux DevTools هي إضافة المتصفح الأساسية لفحص وتصحيح State Management في تطبيقات Redux (وتطبيقات Zustand, Jotai, NgRx، وغيرهم).
Requestly
أداة intercept و modify لطلبات الشبكة
Requestly هي أداة حديثة لاعتراض وتعديل طلبات الشبكة. متاحة كإضافة متصفح وتطبيق سطح المكتب. تسمح بمحاكاة responses، تعديل headers، وتحويل redirect.
Vue DevTools
إضافة متصفح لتصحيح أخطاء Vue.js
Vue DevTools هي أداة رسمية لتصحيح وفحص تطبيقات Vue.js. تتيح لك استكشاف شجرة المكونات، حالة Vuex/Pinia، أحداث المكونات، وأكثر.
Vue DevTools Extension
إضافة متصفح لتصحيح أخطاء Vue (Vue Debugging Extension)
Vue DevTools هي الأداة الرسمية لتصحيح أخطاء تطبيقات Vue.js. توفر فهماً عميقاً للمكونات، إدارة الحالة، التوجيه (Router)، وأكثر.
WebStorm Debugger
IDE متكامل مع أدوات تصحيح متقدمة
WebStorm من JetBrains هو IDE متكامل لتطوير الويب مع أدوات تصحيح قوية. يوفر debugging للـ JavaScript، TypeScript، Node.js، وأكثر مع تكامل كامل.
Whistle
أداة intercept و proxy HTTP/HTTPS متعددة المنصات
Whistle هي أداة ويب proxing مكتوبة بـ Node.js. توفر intercept requests/responses، mocking، rewriting، وأكثر. خفيفة وسهلة التخصيص.