📋 محتويات الصفحة
📖 الوصف
Firefox DevTools هي مجموعة أدوات مدمجة في Firefox لتصحيح وفحص المواقع. تتميز بأدوات CSS متقدمة، Debugger قوي، و network monitor ممتاز.
🎯 يستخدم في
مجالات استخدام هذه الأداة
فحص وتعديل HTML/CSS
تصحيح JavaScript
مراقبة الشبكة
فحص الأداء
اختبر Responsive Design
فحص الأمان والخصوصية
✨ المميزات
أبرز مميزات هذه الأداة
Grid/Flexbox inspectors ممتازة
CSS Variables viewer
Debugger متقدم
Network monitor
Performance tools
Storage Inspector
مكافحة التعقب (Tracking Protection)
Cross-browser testing tools
⚠️ العيوب
نقاط يجب مراعاتها
إضافات أقل من Chrome
بعض الميزات متأخرة عن Chrome
مجتمع أصغر
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
# فتح DevTools:
# F12 أو Cmd+Option+M (Mac) أو Ctrl+Shift+M (Windows)
## الميزات المميزة:
### Layout Tab:
- Grid/Flexbox overlay
- Grid line numbers
- Flex item sizing
### Animation Inspector:
- مراقبة CSS animations
- تعديل timing
- إيقاف/تشغيل
### Responsive Design Mode:
# Ctrl+Shift+M
- محاكاة أجهزة متعددة
- Touch simulation
- Screenshot📚 أدوات أخرى في DevTools
قد يعجبك أيضاً
Charles
⭐أداة intercept و debug لشبكة HTTP/HTTPS
Charles Proxy
⭐أداة Intercept و Debug لبروتوكول HTTP/HTTPS
Chrome DevTools
⭐أدوات مطوري الويب المتكاملة
JSON Server
⭐مولد REST API وهمي (Mock REST API Generator)
Lighthouse
⭐أداة تحليل أداء وجودة المواقع
Miraje
مكتبة محاكاة API في الذاكرة