DivMagic DevTools

نحوه استفاده از DivMagic با DevTools

• Developer Console را باز کنید:

  با کلیک راست بر روی صفحه خود و انتخاب "Inspect" یا به سادگی با استفاده از میانبر، به کنسول توسعه دهنده مرورگر خود بروید.

• تب DivMagic را پیدا کنید:

  پس از ورود به کنسول توسعه دهنده، تب 'DivMagic' را که در کنار برگه های دیگر مانند 'Elements'، 'Console' و غیره قرار دارد، پیدا کنید.

• یک عنصر را انتخاب کنید:

  به صفحه وبی که می‌خواهید از آن کپی کنید بروید و از تب DivMagic در ابزار توسعه استفاده کنید تا هر عنصر دلخواه را انتخاب و ضبط کنید.

• کپی و تبدیل:

  هنگامی که یک عنصر انتخاب شد، می‌توانید سبک‌های آن را کپی کنید، آن را به کدهای CSS قابل استفاده مجدد، Tailwind CSS، React یا JSX و غیره تبدیل کنید - همه از داخل DevTools.

اگر برگه DevTools در مرورگر شما نشان داده نشد، مطمئن شوید که آن را از پنجره بازشو فعال کرده اید و یک برگه جدید باز کنید و دوباره امتحان کنید.