📋 محتويات الصفحة
📖 الوصف
Firefox DevTools هي مجموعة أدوات تطوير ويب مدمجة في متصفح Firefox. توفر أدوات قوية لتصحيح الأخطاء، فحص العناصر، مراقبة الأداء، تحليل الشبكة، والمزيد. تشمل Firefox DevTools: Inspector, Console, Debugger, Network, Performance, Memory, Storage, وغيرها. تُعد بديلاً ممتازاً لـ Chrome DevTools مع ميزات ف...
🎯 يستخدم في
مجالات استخدام هذه الأداة
Debugging JavaScript
CSS Inspection
Performance Profiling
Network Monitoring
DOM Manipulation
Accessibility Testing
✨ المميزات
أبرز مميزات هذه الأداة
Easy مدمج في Firefox
easy شامل
easy قوي
easy مجاني
easy توثيق ممتاز
easy تحديثات مستمرة
easy CSS Grid/Flexbox
⚠️ العيوب
نقاط يجب مراعاتها
Firefox فقط
قد يكون بطيئاً
يحتاج خبرة
محدود في الميزات المتقدمة
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
// Firefox DevTools Shortcuts
// F12 - فتح DevTools
// Ctrl+Shift+I - فتح Inspector
// Ctrl+Shift+K - فتح Console
// Ctrl+Shift+E - فتح Network Panel
// في Console
console.log('Message')
console.table([{ name: 'John', age: 30 }])
console.time('Timer')
console.timeEnd('Timer')
// أو CSS Grid Inspector
// 1. افتح Inspector
// 2. اختر العنصر
// 3. انقر على أيقونة Grid
// 4. استكشف Grid📚 أدوات أخرى في Debugging
قد يعجبك أيضاً
Charles Proxy
⭐HTTP Proxy/debugging tool
Chrome DevTools
⭐أدوات التطوير المدمجة في Chrome
Debug Proxy
⭐مكتبة Debug لـ Node.js
Mitmproxy
⭐HTTP Proxy للتشفير والفحص
React DevTools
⭐أدوات التطوير لـ React
Redux DevTools
⭐أدوات التطوير لـ Redux