DivMagic DevTools

كيفية استخدام DivMagic مع DevTools

• افتح وحدة تحكم المطور:

  انتقل إلى وحدة تحكم مطور المتصفح الخاص بك عن طريق النقر بزر الماوس الأيمن على صفحتك وتحديد "فحص" أو ببساطة باستخدام الاختصار

• حدد موقع علامة التبويب DivMagic:

  بمجرد الدخول إلى وحدة تحكم المطور، ابحث عن علامة التبويب "DivMagic" الموجودة بجوار علامات التبويب الأخرى مثل "Elements" و"Console" وما إلى ذلك.

• حدد عنصرًا:

  انتقل إلى صفحة الويب التي تريد النسخ منها، واستخدم علامة التبويب DivMagic في أدوات التطوير لتحديد أي عنصر مرغوب فيه والتقاطه.

• نسخ وتحويل:

  بمجرد تحديد عنصر، يمكنك نسخ أنماطه وتحويله إلى كود CSS أو Tailwind CSS أو React أو JSX قابل لإعادة الاستخدام، والمزيد - كل ذلك من داخل DevTools.

إذا لم تظهر علامة التبويب DevTools في متصفحك، فتأكد من تمكينها من النافذة المنبثقة وافتح علامة تبويب جديدة وحاول مرة أخرى.