DivMagic DevTools

So verwenden Sie DivMagic mit DevTools

• Öffnen Sie die Entwicklerkonsole:

  Navigieren Sie zur Entwicklerkonsole Ihres Browsers, indem Sie mit der rechten Maustaste auf Ihre Seite klicken und „Inspizieren“ auswählen oder einfach die Verknüpfung verwenden

• Suchen Sie die Registerkarte „DivMagic“.:

  Sobald Sie sich in der Entwicklerkonsole befinden, finden Sie die Registerkarte „DivMagic“, die sich neben den anderen Registerkarten wie „Elemente“, „Konsole“ usw. befindet.

• Wählen Sie ein Element aus:

  Navigieren Sie zu der Webseite, von der Sie kopieren möchten, und verwenden Sie die Registerkarte „DivMagic“ in den Entwicklungstools, um jedes gewünschte Element auszuwählen und zu erfassen.

• Kopieren und konvertieren:

  Sobald ein Element ausgewählt ist, können Sie seine Stile kopieren, es in wiederverwendbaren CSS-, Tailwind-CSS-, React- oder JSX-Code umwandeln und mehr – alles innerhalb der DevTools.

Wenn die Registerkarte DevTools nicht in Ihrem Browser angezeigt wird, stellen Sie sicher, dass Sie sie im Popup aktiviert haben, öffnen Sie eine neue Registerkarte und versuchen Sie es erneut.