DevSuite Pro

أكثر من 64 أداة قوية للمطورين في امتداد واحد — افحص وقس والتقط وحلل وصمم

DevSuite Pro: مجموعة أدوات المطورين الشاملة وحزمة تصميم الويب (64 أداة في إضافة Chrome واحدة) توقف عن تثبيت العشرات من الإضافات لفحص العناصر أو اختبار التصميم المتجاوب. DevSuite Pro هي إضافة Chrome الشاملة لمطوري الويب ومصممي الواجهات. تجمع 64 أداة احترافية في إضافة سريعة تحترم الخصوصية. افحص وعدّل CSS مباشرة، حرّر HTML، التقط لقطات شاشة كاملة، حمّل الصور وSVG، حلّل SEO، نفّذ فحوصات WCAG، نسّق JSON / XML / SQL، فك JWT، أنشئ كلمات مرور وUUID، حاكِ عرض الجوال والتابلت، حوّل لـ PDF، راقب الشبكة وWebSocket، فعّل الوضع الداكن، عدّل الكوكيز — كل ذلك من نافذة منبثقة وشريط جانبي قابل للسحب. 💾 الحفظ التلقائي: تعديلات دائمة لكل موقع ست أدوات تحفظ تغييراتك تلقائياً لكل URL وتعيد تطبيقها في كل زيارة: • مفتش CSS — تعديلات CSS تبقى • نقل العنصر — يبقى في مكانه • حذف/إخفاء العنصر — الإعلانات والنوافذ المنبثقة تبقى مخفية • استبدال الصور — الصور المستبدلة تبقى • تغيير الخطوط — الخط المختار يُعاد تطبيقه • محرر النص المباشر — النصوص المعدّلة تبقى ═══ 🎨 الفحص والتعديل والاستنساخ ═══ 1) مفتش CSS [مجاني] — مرّر فوق أي عنصر لعرض CSS، عدّله مباشرة، شاهد القيم المحسوبة ونموذج الصندوق ومتغيرات CSS. حفظ تلقائي. 2) مفتش الحركة [مدفوع] — اكتشف كل حركات CSS والانتقالات وقواعد @keyframes. أبطئ، أوقف، تنقّل بين الإطارات. 3) نسخ كـ Tailwind [مدفوع] — انقر بزر الماوس الأيمن لتحويل CSS إلى فئات Tailwind. حوّل أنماط أي موقع إلى TailwindCSS. 4) وضع الإطار فقط [مجاني] — طبّق مخططاً 1 بكسل على كل عنصر. تخيّل هيكل الصفحة وصحّح تخطيط HTML/CSS. 5) مساعد Tailwind [مدفوع] — مرّر فوق أي عنصر لرؤية فئات Tailwind الكاملة مع نقاط التوقف والوضع الداكن. ورقة غش قابلة للبحث. 6) مخطط الصفحة [مجاني] — يعرض شجرة HTML الكاملة كمخطط تفاعلي. شاهد تسلسل DOM. 7) كاشف المكونات [مدفوع] — يكتشف مكونات popular JavaScript frameworks. 8) نقل العنصر [مدفوع] — اسحب أي عنصر إلى موقع جديد بصرياً. غيّر التخطيط بدون كود. حفظ تلقائي. 9) حذف / إخفاء العنصر [مجاني] — انقر على أي عنصر لإزالته. احجب الإعلانات والكوكيز والنوافذ المنبثقة. تبقى مخفية للأبد. 10) تصدير العنصر [مدفوع] — صدّر HTML وCSS المحسوب وJSON لأي عنصر. 11) نسخ كود المكون [مدفوع] — حوّل أي عنصر إلى كود React JSX أو Vue SFC أو Svelte. 12) مكتشف مسار DOM [مدفوع] — احصل على محدد CSS وXPath وquerySelector. لـ Selenium, Puppeteer. ═══ 📸 الالتقاط والأصول ═══ 13) لقطة الشاشة [مجاني] — التقط منطقة العرض، الصفحة كاملة، أو عنصراً واحداً. بدون علامات مائية. 14) استخراج الصور [مجاني] — حمّل جميع صور الموقع بنقرة. صفِّ حسب الحجم والصيغة (PNG، JPG، GIF، WebP، SVG)، حمّل ZIP. 15) ملتقط SVG [مدفوع] — اعثر على كل أيقونة SVG في الصفحة. عاين، انسخ، حسّن أو حمّل كـ SVG/PNG. 16) استبدال الصور [مدفوع] — استبدل أي صورة بملف محلي أو URL. حفظ تلقائي لكل موقع. 17) التحويل إلى PDF [مجاني] — احفظ أي صفحة كـ PDF نظيف مع إخفاء الإعلانات والوضع الفاتح. حوّل HTML إلى PDF. ═══ 📐 التخطيط والقياس ═══ 18) مولّد رمز QR [مجاني] — حوّل URL الحالي إلى رمز QR. خصص المحتوى (URL، نص، Wi-Fi، vCard) وحمّله كـ PNG. 19) مسطرة الصفحة [مجاني] — ارسم مساطر دقيقة بالبكسل. قِس البكسلات بأدلة أفقية وعمودية وقطرية. 20) العارض المتجاوب [مدفوع] — شاهد موقعك بأحجام أجهزة متعددة — common mobile, tablet, and desktop sizes. تمرير متزامن. 21) قياس المسافة [مجاني] — انقر على عنصرين لمعرفة المسافة بالبكسل X وY والقطرية. 22) مفتش Z-Index [مدفوع] — تخيّل كل سياق تكديس وطبقة z-index. شخّص النوافذ المنبثقة المخفية. 23) مصور Grid / Flex [مدفوع] — افحص كل حاوية CSS Grid وFlexbox مع طبقات ملونة تظهر خطوط المسارات والفجوات. ═══ 🔍 التحليل والتصحيح ═══ 24) محاكي الخريطة الحرارية [مدفوع] — أنشئ خريطة حرارية متوقعة لانتباه المستخدم بناءً على نمط القراءة F. 25) مسح بيانات التصفح [مجاني] — امسح الكاش والكوكيز وlocalStorage وsessionStorage للموقع الحالي فقط. 26) كاشف تقنيات الموقع [مدفوع] — اكتشف كل تقنية وراء أي موقع: frontend frameworks, CMS, e-commerce, CDN, hosting, analytics وغيرها. 27) مفتش SEO [مجاني] — تدقيق SEO شامل: العنوان، الوصف، H1–H6، OpenGraph، Twitter Card، canonical، robots، النص البديل. 28) مفتش إمكانية الوصول [مدفوع] — تدقيق آلي WCAG 2.1 AA. يكشف التباين والنصوص البديلة وARIA. لامتثال ADA وEAA وSection 508. 29) مراقب الشبكة [مدفوع] — التقط كل طلب fetch وXHR وAJAX مع الطريقة والحالة والترويسات والحمولة والاستجابة. 30) مفتش WebSocket [مدفوع] — التقط كل إطار WebSocket في الوقت الفعلي. صحّح Socket.io وتطبيقات الدردشة. 31) فاحص الروابط المعطلة [مدفوع] — افحص الروابط المعطلة (404، 500، DNS) وأبلغ عن أكواد حالة HTTP. 32) الصور المعطلة [مجاني] — اكشف عن كل صورة فشلت في التحميل (404، src مفقود، DNS، CORS). 33) فاحص CORS [مجاني] — اختبر طلبات cross-origin وافحص ترويسات CORS. شخّص أخطاء "blocked by CORS policy". ═══ 🅰️ التصميم والطباعة ═══ 34) محرر النص المباشر [مجاني] — انقر على أي نص لتعديله مكانه. حرّر العناوين والفقرات وتسميات الأزرار. حفظ تلقائي. 35) تغيير الخطوط [مدفوع] — استبدل أي خط بآخر من 1500+ Google Fonts — عالمياً أو لكل عنصر. حفظ تلقائي. 36) قائمة كل الخطوط [مجاني] — اكتشف كل خط مستخدم — خطوط ويب، خطوط نظام. انسخ font-family الخاص به. 37) منتقي الألوان [مجاني] — قطّارة دقيقة بالبكسل. التقط الألوان من النصوص والخلفيات والصور. يخرج HEX وRGB وHSL. 38) لوحة الألوان [مجاني] — استخرج لوحة الألوان الكاملة من أي صفحة مع قيم HEX. 39) محوّل صيغ الألوان [مجاني] — حوّل أي لون بين جميع صيغ CSS من لوحة واحدة (مثلاً، الصق #FF5733 لتراه فوراً بصيغ rgb(255, 87, 51) وhsl(11, 100%, 60%) وhsv(11, 80%, 100%) وoklch(64% 0.21 32)، مع متغيرات ألفا للشفافية). 40) مستخرج ألوان الصورة [مجاني] — استخرج لوحة الألوان السائدة من أي صورة. ═══ ⚡ المفاتيح وأدوات الصفحة ═══ 41) فرض الوضع الداكن [مجاني] — طبّق سمة داكنة على أي موقع. الوضع الليلي. عكس ذكي يحافظ على الصور. 42) تبديل JavaScript [مجاني] — فعّل أو عطّل JavaScript لكل علامة تبويب. اختبر التصيير دون JS. 43) محرر الكوكيز [مجاني] — إدارة كاملة للكوكيز: عرض، إنشاء، تعديل، حذف، استيراد، تصدير. 44) مسجّل وحدة التحكم [مجاني] — عارض داخلي لـ console.log وwarn وerror مباشرة على الصفحة. 45) محرر التخزين المحلي [مجاني] — اعرض، عدّل، أضف واحذف إدخالات localStorage وsessionStorage. 46) أداء الصفحة [مجاني] — مقاييس توقيت فورية، تفصيل الموارد، إحصائيات DOM ودرجة صحة عامة. ═══ ⚙️ المنسّقات والمحوّلات والمولّدات ═══ 47) منسّق JSON [مجاني] — جمّل، صغّر، تحقق وعاين JSON في شجرة قابلة للطي. 48) مرمّز/مفكّك Base64 [مجاني] — رمّز أي نص إلى Base64 أو فك ترميزه. UTF-8 وثنائي. 49) مرمّز/مفكّك URL [مجاني] — رمّز الأحرف الخاصة إلى URL آمن أو فك ترميزها. 50) مرمّز كيانات HTML [مجاني] — حوّل أحرف HTML الخاصة (&، <، >، "، ') إلى entities أو العكس. 51) هروب الشرطة المائلة [مجاني] — اهرب وألغِ هروب تسلسلات (\\n، \\t، \\"، \\\\). أساسي لـ JSON وregex. 52) صورة ↔ Base64 [مجاني] — حوّل أي صورة (PNG، JPG، GIF، SVG، WebP) إلى Base64 data URL أو العكس. 53) مفكّك JWT [مجاني] — فك ترميز JSON Web Tokens. اعرض الترويسة والحمولة والتوقيع. 54) مولّد UUID [مجاني] — ولّد UUID v4 (RFC 4122) واحداً أو بشكل جماعي. 55) مولّد التجزئة [مجاني] — ولّد تجزئات MD5 وSHA-1 وSHA-256 وSHA-384 وSHA-512. 56) مولّد كلمات المرور [مجاني] — ولّد كلمات مرور آمنة بطول مخصص ومجموعات أحرف. 57) فاحص Regex [مجاني] — اختبر التعبيرات النمطية مع تمييز التطابق ودعم الأعلام (g، i، m، s، u، y). 58) محوّل الطابع الزمني [مجاني] — حوّل بين Unix timestamps وISO 8601 وRFC 2822. 59) أداة المقارنة [مجاني] — قارن كتلتي نص سطراً بسطر مع إضافات وحذف وتعديلات ملونة. 60) فاحص التباين (WCAG) [مجاني] — افحص نسب تباين WCAG مع تقييم AA وAAA. 61) CSV ↔ JSON [مجاني] — حوّل بين CSV وJSON. يكتشف الترويسات تلقائياً. 62) منسّق XML [مجاني] — جمّل، صغّر وتحقق من XML. SOAP وRSS وsitemaps. 63) منسّق SQL [مجاني] — جمّل وأزِح استعلامات SQL (common database dialects). 64) معبّئ النماذج [مدفوع] — املأ أي نموذج تلقائياً ببيانات اختبار — أسماء، إيميلات، عناوين، بطاقات ائتمان، Lorem Ipsum. ═══ 🚀 المجاني مقابل المدفوع ═══ ✅ مجاني للأبد — 43 أداة (منتقي الألوان، لقطة الشاشة، منسّق JSON، مفتش SEO، محرر الكوكيز، مسطرة الصفحة، التحويل إلى PDF). ⭐ مدفوع — افتح 21 أداة متقدمة (مساعد Tailwind، العارض المتجاوب، مراقب الشبكة، محاكي الخريطة الحرارية، معبّئ النماذج). ═══ 🔒 الخصوصية أولاً ═══ DevSuite Pro يعمل بأمان داخل Chrome. لا قياس عن بُعد، لا تحليلات، لا SDKs تتبع. كودك ولقطات الشاشة وملفات JSON ورموز API والكوكيز لا تغادر جهازك. 🚀 عزّز سير عمل تطوير الويب! ثبّت DevSuite Pro — مجموعة الأدوات الوحيدة التي ستحتاجها. إذا وفّر وقتك، ادعمنا بمراجعة 5 نجوم.