أضف الامتداد إلى Chrome
- افتح سوق Chrome الإلكتروني وابحث عن امتداد "DevSuite Pro".
- انقر على "إضافة إلى Chrome"، ثم قم بالتأكيد بالنقر على "إضافة الامتداد" في النافذة المنبثقة.
أكثر من 39 أداة قوية لفحص وقياس والتقاط وتحليل وتصميم صفحات الويب مباشرة في متصفحك.
البدء بسيط. قم بتثبيت الامتداد، وافتح أي صفحة ويب، وقم بالوصول إلى أكثر من 39 أداة للمطورين من النافذة المنبثقة أو اللوحة العائمة. لا حاجة للإعدادات.
يوفر DevSuite Pro أكثر من 39 أداة للمطورين لفحص صفحات الويب وقياسها وتصميمها وتحليلها. سرع سير عملك مع الميزات القوية المدمجة مباشرة في متصفحك.
قم بتمرير الماوس فوق أي عنصر لرؤية أنماط CSS الخاصة به فوراً وتحريرها مباشرة، مما يجعل تصحيح وضبط التصاميم في الوقت الفعلي أمراً سهلاً.
تعرف على المزيد →انقر على أي عنصر لفحص خصائصه وأبعاده والمساحات والخطوط والألوان. افهم هيكل الصفحة فوراً دون فتح أدوات المطور للمتصفح.
قم بقياس المسافات، والتحقق من المحاذاة، وإضافة مساطر وأدلة دقيقة بالبكسل إلى أي صفحة ويب لضمان محاذاة تصميمك بشكل مثالي.
التقط الألوان من أي عنصر في الصفحة وانسخ قيم HEX أو RGB أو HSL إلى حافظتك بنقرة واحدة.
التقط لقطات شاشة لكامل الصفحة أو المنطقة الظاهرة في أي صفحة ويب وقم بتنزيلها فورا - مثالي لمشاركة التصاميم والإبلاغ عن الأخطاء.
قم بمعاينة صفحة الويب بأحجام شاشات ودقة أجهزة مختلفة لاختبار التصميم المستجيب دون مغادرة المتصفح.
فحص وتحرير أنماط CSS مباشرة
تصحيح والتحكم في الرسوم المتحركة CSS في الوقت الفعلي
تحويل CSS لأي عنصر إلى فئات Tailwind Utility
تصور البنية التخطيطية الكاملة لأي صفحة
احصل على فئات Tailwind مصنفة لأي عنصر
عرض مرئي لشجرة HTML على أي صفحة ويب
اكتشاف مكونات React، Vue، Angular و Svelte على أي موقع
قُم بالسحب والإفلات لتغيير موضع أي عنصر في الصفحة
قم بإزالة أو تبديل رؤية أي عنصر
تصدير أي عنصر كـ HTML أو CSS أو JSON
قم بإنشاء مكونات React و Vue و Svelte من أي عنصر
التقاط لقطات شاشة للمنطقة المرئية أو الصفحة بأكملها
عرض، تحديد وتنزيل جميع الصور من أي صفحة ويب
بحث، معاينة وتنزيل كل SVG في أي صفحة
استبدل أي صورة في صفحة الويب بصورتك الخاصة
إنشاء رموز QR لأي رابط موقع (URL) أو نص فوراً
مساطر وأدلة قياس دقيقة بالبكسل في أي صفحة
معاينة إطارات عرض الأجهزة المتعددة في نفس الوقت
قياس مسافات دقيقة بالبكسل بين أي عنصرين
تصور بصري لكل تسلسل التكديس ومستويات Z-Index
فحص تخطيطات CSS Grid المستجيبة والـ Flexbox بتراكيب مرئية
محاكاة بؤر انتباه المستخدمين الافتراضية على أي صفحة
مسح منظم ومحدد لملفات الذاكرة المؤقتة وملفات الارتباط ومساحات التخزين المحلية
اكتشف كافة التقنيات المخبأة خلف أي صفحة ويب
تدقيق شامل لمحركات البحث SEO: الوسوم، العناوين التراتبية الدلالية، وأوسمة المشاركة
تدقيق آلي لمعايير WCAG: التباين، النص البديل، خصائص ARIA وأكثر
انقر على أي نص في أي صفحة لتعديله على الفور
استبدل أي خط بآخر من Google Fonts لكامل الصفحة أو لعنصر محدد
اكتشف كل خط مستخدم على أي صفحة ويب
أداة قطارة دقيقة لالتقاط قيم ألوان HEX، RGB، و HSL بدقة بكسلات مُكبرة
استخرج لوحة الألوان الكاملة من أي صفحة ويب
تطبيق الوضع الليلي (المظلم) على أي موقع ويب في لحظات
تمكين أو تعطيل JavaScript فوراً وبشكل مستقل لكل علامة تبويب
عرض، وتعديل، وإضافة، وحذف ملفات تعريف الارتباط لأي نطاق
عرض مخرجات وحدة التحكم في لوحة عائمة — بدون أدوات المطور (DevTools)
مراقبة كافة طلبات وعمليات الشبكة في الوقت الفعلي
عرض وتعديل وإضافة وحذف localStorage و sessionStorage
فحص وتقصي كل رابط على الصفحة واصطياد المكسور منها
لوحة معلومات الأداء الفورية: وقت التحميل، وإحصاءات DOM، والموارد
Format, Minify & Validate JSON in a Click
Encode Strings To & From Base64 Instantly
Encode & Decode URL Strings in One Click
Encode & Decode HTML Entities Instantly
Escape & Unescape Strings for Code
Convert Images To & From Base64 Data URIs
Decode JSON Web Tokens Instantly
Generate Bulk UUID v4 Identifiers
Compute MD5, SHA-1, SHA-256, SHA-384, SHA-512 Hashes
Generate Cryptographically Strong Passwords
Test Regular Expressions Live With Match Highlighting
Convert Unix, ISO, and Human-Readable Dates
Compare Two Text Blocks Line By Line
Check WCAG Contrast Ratio of Any Two Colors
Convert HEX, RGB, HSL, HSV & OKLCH Instantly
Extract The Dominant Palette From Any Image
Get CSS Selectors & XPath For Any Element
Test Cross-Origin Requests & Inspect CORS Headers
Capture WebSocket Frames in Real Time
Scan The Page For Broken Images Instantly
Auto-Fill Forms With Realistic Test Data
Convert Between CSV and JSON in Either Direction
Format, Validate & View XML With Syntax Highlighting
Beautify & Format SQL Queries
Save Web Pages As Clean PDFs
اختر أفضل خطة لسير عملك. ابدأ مجاناً، وقم بالترقية في أي وقت.
أسئلة شائعة حول ميزات واستخدام امتداد DevSuite Pro. إذا كان لديك سؤال، فقد تجد الإجابة أدناه.
قم بزيارة سوق Chrome الإلكتروني، وابحث عن "DevSuite Pro"، وانقر فوق "إضافة إلى Chrome" وأكد باختيار "إضافة الامتداد". بمجرد التثبيت، ستظهر أيقونة الامتداد في شريط أدوات المتصفح. انقر عليها للوصول إلى أكثر من 39 أداة للمطورين فوراً.
الأدوات المجانية (20+) متاحة للجميع بدون ترخيص. أدوات برو تحمل شارة PRO ذهبية وتتطلب ترخيص برو نشط لاستخدامها. يمكنك معرفة الأدوات المجانية أو البرو في النافذة المنبثقة - الأدوات المجانية لا تحتوي على أيقونة قفل، بينما ستبدو أدوات برو باهتة قليلاً حتى تقوم بتفعيل ترخيصك.
تحتوي بعض مواقع الويب على سياسات أمان محتوى صارمة (CSP) تمنع بعض إجراءات امتدادات المتصفح. هذا أمر شائع بشكل خاص في المواقع المصرفية والحكومية. بالإضافة إلى ذلك، لا تسمح صفحات Chrome الداخلية (chrome://) للامتدادات بتشغيل نصوص برمجية للمحتوى.
لا. جميع التغييرات التي يتم إجراؤها بواسطة أدوات مثل تحريك العنصر ومحرر النصوص المباشر وحذف/إخفاء العنصر و CSS Inspector هي تغييرات مؤقتة. إنها تؤثر فقط على ما تراه في متصفحك في هذه اللحظة. سيؤدي تحديث الصفحة إلى إعادة كل شيء لحالته الأصلية.
افتح نافذة DevSuite Pro المنبثقة، وانقر على أيقونة الإعدادات في الزاوية العلوية اليمنى. انتقل لأسفل إلى قسم الترخيص، ثم الصق مفتاح الترخيص الخاص بك في حقل الإدخال وانقر فوق تفعيل. إذا كان المفتاح صالحاً، فستتغير الشارة من مجاني إلى برو، وسيتم فتح جميع أدوات برو فورا.
يمكنك تحريك اللوحة من خلال الذهاب إلى الإعدادات واختيار موقع شريط جانبي مختلف - أعلى، أسفل، يسار، أو يمين. يمكنك أيضاً إخفاء اللوحة تماماً عن طريق إيقاف تشغيل مفتاح "إظهار اللوحة في الصفحات" في الإعدادات، أو بالضغط على Ctrl+Shift+X في أي وقت.
لا. لا يجمع DevSuite Pro أو يتتبع أو يرسل أي من بيانات التصفح الخاصة بك. يتم تخزين جميع الإعدادات محلياً في متصفحك. يتم إرسال الطلب الخارجي الوحيد أثناء تفعيل مفتاح الترخيص للتحقق من مفتاحك مع خادمنا.
نعم! DevSuite Pro متاح في كل من سوق Chrome الإلكتروني وإضافات Firefox. وهو يعمل على Chrome و Edge و Brave والمتصفحات الأخرى القائمة على Chromium، وكذلك على Firefox.