Änderungsprotokoll

Alle neuesten Ergänzungen und Verbesserungen, die wir an DivMagic vorgenommen haben

8. April 2024

Neue Funktion und Verbesserungen

Diese Version enthält eine neue Funktion: Vorschauen in der Komponentenbibliothek

Sie können jetzt die Vorschau Ihrer gespeicherten Komponenten in der Komponentenbibliothek sehen.
Sie können Ihr Dashboard auch direkt von der Erweiterung aus aufrufen.

8. April 2024

Verbesserungen


Die Leistung der Erweiterung wurde verbessert

31. März 2024

Neue Funktion

Diese Version enthält eine neue Funktion: Komponentenbibliothek

Sie können Ihre kopierten Elemente jetzt in der Komponentenbibliothek speichern. Dadurch haben Sie jederzeit Zugriff auf Ihre gespeicherten Komponenten.
Sie können Ihre Komponenten auch mit anderen teilen, indem Sie den Studio-Link teilen.

Sie können Ihre Komponenten auch direkt aus der Komponentenbibliothek in DivMagic Studio exportieren.31. März 2024

15. März 2024

Neue Funktionen und Verbesserungen

Diese Version enthält drei neue Funktionen: Neues Tool für Toolbox, neue Kopieroptionen und automatische Vervollständigung für Editor-Modus

Thrash-Tool für Toolbox
Mit dem Thras-Tool können Sie Elemente auf der Website ausblenden oder löschen.

Neue Kopieroptionen
Sie können HTML und CSS jetzt separat kopieren.
Sie können auch kopierten HTML- und CSS-Code mit den ursprünglichen HTML-Attributen, -Klassen und -IDs erhalten.

Automatische Vervollständigung für den Editormodus
Die automatische Vervollständigung schlägt während der Eingabe die gängigsten CSS-Eigenschaften und -Werte vor.

Verbesserungen

  • Es wurde eine Option zum Exportieren von Code nach DivMagic Studio direkt aus den Kopieroptionen hinzugefügt
  • Verbesserter Code zur Stiloptimierung, um die Größe der Ausgabe zu reduzieren
  • Verbesserte Reaktionsfähigkeit des kopierten Stils

2. März 2024

Neue Funktion

Der Toolbox wurde ein neues Werkzeug hinzugefügt: Farbwähler

Sie können jetzt Farben von jeder Website kopieren und direkt in Ihren Projekten verwenden
Dies ist derzeit nur in der Chrome-Erweiterung verfügbar. Wir arbeiten daran, diese Funktion auch zur Firefox-Erweiterung hinzuzufügen.

26. Februar 2024

Verbesserungen und Fehlerbehebungen

Verbesserungen

  • Verbesserter Code zur Stiloptimierung, um die Größe der Ausgabe zu reduzieren
  • Verbesserte Reaktionsfähigkeit des kopierten Stils

Fehlerbehebung

  • Es wurde ein Fehler behoben, bei dem einige CSS-Stile nicht korrekt kopiert wurden
  • Es wurde ein Fehler behoben, bei dem der kopierte Stil nicht reagierte, wenn das Element aus einem Iframe kopiert wurde
  • Vielen Dank an alle, die Fehler und Probleme melden! Wir arbeiten daran, diese so schnell wie möglich zu beheben.

24. Februar 2024

Neue Funktionen und Verbesserungen

Wenn die Erweiterung nach der automatischen Aktualisierung nicht mehr reagiert, deinstallieren Sie die Erweiterung bitte aus dem Chrome Web Store oder den Firefox-Add-ons und installieren Sie sie erneut.

Diese Version enthält mehrere neue Funktionen: Toolbox, Live-Editor, Optionsseite, Kontextmenü

Toolbox enthält alle Tools, die Sie für die Webentwicklung benötigen, an einem Ort. Schriftarten kopieren, Farbauswahl, Grid Viewer, Debugger und mehr.

Mit Live Editor können Sie das kopierte Element direkt im Browser bearbeiten. Sie können Änderungen am Element vornehmen und die Änderungen live sehen.

Auf der Optionsseite können Sie die Erweiterungseinstellungen anpassen. Sie können die Standardeinstellungen ändern und Ihre Präferenzen festlegen.

Mit dem Kontextmenü können Sie direkt über das Rechtsklickmenü auf DivMagic zugreifen. Sie können Elemente kopieren oder die Toolbox direkt über das Kontextmenü starten.

Werkzeugkasten
Die Toolbox umfasst den Prüfmodus, das Kopieren von Schriftarten und den Raster-Viewer. Wir werden der Toolbox in Zukunft weitere Tools hinzufügen.Werkzeugkasten

Live-Editor
Mit Live Editor können Sie das kopierte Element direkt im Browser bearbeiten. Sie können Änderungen am Element vornehmen und die Änderungen live sehen. Dies erleichtert die Durchführung von Änderungen am kopierten Element.Live-Editor

Optionsseite
Auf der Optionsseite können Sie die Erweiterungseinstellungen anpassen. Sie können die Standardeinstellungen ändern und Ihre Präferenzen festlegen.Optionsseite

Kontextmenü
Mit dem Kontextmenü können Sie direkt über das Rechtsklickmenü auf DivMagic zugreifen. Derzeit gibt es zwei Optionen: Element kopieren und Toolbox starten.Kontextmenü

20. Dezember 2023

Neue Funktionen und Verbesserungen sowie Fehlerbehebungen

Diese Version enthält ein aktualisiertes Bedienfeld für den Kopiermodus

Sie können jetzt beim Kopieren eines Elements den Detailbereich auswählen, den Sie kopieren möchten.

Wir werden dem Kopiermodus weitere Optionen hinzufügen, um Ihnen mehr Kontrolle über das kopierte Element zu geben.20. Dezember 2023

Verbesserungen

  • Verbesserte Konvertierungsgeschwindigkeit
  • Verbesserter Code zur Stiloptimierung, um die Größe der Ausgabe zu reduzieren
  • Verbesserte Reaktionsfähigkeit des kopierten Stils

Fehlerbehebung

  • Es wurde ein Fehler behoben, bei dem unnötige CSS-Attribute in die Ausgabe eingefügt wurden
  • Es wurde ein Fehler behoben, bei dem das DivMagic-Bedienfeld auf einigen Websites nicht sichtbar war
Vielen Dank an alle, die Fehler und Probleme melden! Wir arbeiten daran, diese so schnell wie möglich zu beheben.

2. Dezember 2023

Verbesserungen und Fehlerbehebungen

Diese Version enthält Verbesserungen der Reaktionsfähigkeit des kopierten Stils.

Wir haben auch Verbesserungen am Stiloptimierungscode vorgenommen, um die Größe der Ausgabe zu reduzieren.

Verbesserungen

  • Verbesserte Webflow-Konvertierung
  • Verbesserter Code zur Stiloptimierung, um die Größe der Ausgabe zu reduzieren
  • Verbesserte Reaktionsfähigkeit des kopierten Stils

Fehlerbehebung

  • Es wurde ein Fehler behoben, bei dem unnötige CSS-Attribute in die Ausgabe eingefügt wurden
Vielen Dank an alle, die Fehler und Probleme melden! Wir arbeiten daran, diese so schnell wie möglich zu beheben.

15. November 2023

Neue Funktionen und Verbesserungen sowie Fehlerbehebungen

Diese Version enthält eine neue Funktion: Export nach DivMagic Studio

Sie können das kopierte Element nun nach DivMagic Studio exportieren. Dadurch können Sie das Element bearbeiten und in DivMagic Studio Änderungen daran vornehmen.



Verbesserungen

  • Verbesserte Reaktionsfähigkeit des kopierten Stils
  • Verbesserter Code zur Stiloptimierung, um die Größe der Ausgabe zu reduzieren

Fehlerbehebung

  • Es wurde ein Fehler behoben, bei dem unnötige CSS-Attribute in die Ausgabe eingefügt wurden

4. November 2023

Neue Funktionen und Verbesserungen sowie Fehlerbehebungen

Diese Version enthält eine neue Funktion: Popup automatisch ausblenden

Wenn Sie „Popup automatisch ausblenden“ in den Popup-Einstellungen aktivieren, wird das Erweiterungs-Popup automatisch ausgeblendet, wenn Sie die Maus vom Popup wegbewegen.

Dadurch wird das Kopieren von Elementen beschleunigt, da Sie das Popup nicht durch manuelles Klicken schließen müssen.
Popup automatisch ausblenden4. November 2023
Diese Version enthält auch Änderungen für den Speicherort der Einstellungen. Komponenten- und Stilformate wurden in den Kopiercontroller verschoben.
4. November 20234. November 2023

Wir haben auch die Option „Hintergrundfarbe erkennen“ entfernt. Es ist jetzt standardmäßig aktiviert.

Verbesserungen

  • Verbesserte Reaktionsfähigkeit des kopierten Stils
  • Verbesserter Code zur Stiloptimierung, um die Größe der Ausgabe zu reduzieren
  • Verbesserte DevTools-Integration zur Handhabung mehrerer geöffneter Tabs

Fehlerbehebung

  • Es wurde ein Fehler behoben, bei dem Optionen nicht korrekt gespeichert wurden

20. Oktober 2023

Neue Funktionen und Verbesserungen sowie Fehlerbehebungen

Diese Version enthält eine neue Funktion: Media Query CSS

Sie können nun die Medienabfrage des Elements kopieren, das Sie kopieren. Dadurch wird der kopierte Stil responsiv.
Ausführliche Informationen finden Sie in der Dokumentation zu Media Query CSS Media Query

Diese Version enthält auch eine neue Änderung. Die Schaltfläche „Ganze Seite kopieren“ wurde entfernt. Sie können weiterhin ganze Seiten kopieren, indem Sie das Textelement auswählen.
20. Oktober 202320. Oktober 2023

Verbesserungen

  • Das Kopieren von Stilen wurde verbessert, um unnötige Stile zu entfernen
  • Verbesserter Code zur Stiloptimierung, um die Größe der Ausgabe zu reduzieren
  • Verbesserte DevTools-Integration zum schnelleren Kopieren von Stilen

Fehlerbehebung

  • Fehler im Zusammenhang mit dem absoluten und relativen Kopieren von Elementen behoben

12. Oktober 2023

Neue Funktionen und Verbesserungen sowie Fehlerbehebungen

Diese Version enthält zwei neue Funktionen: Kopiermodus und Auswahl von übergeordneten/untergeordneten Elementen

Im Kopiermodus können Sie den Detailbereich anpassen, den Sie beim Kopieren eines Elements erhalten.
Weitere Informationen zum Kopiermodus finden Sie in der Dokumentation. Kopiermodus

Durch die Auswahl des übergeordneten/untergeordneten Elements können Sie zwischen den übergeordneten und untergeordneten Elementen des Elements wechseln, das Sie kopieren.
12. Oktober 2023

Verbesserungen

  • Verbesserter Code zur Stiloptimierung, um die Größe der Ausgabe zu reduzieren
  • Verbesserte Abdeckung der CSS-Klassen von Tailwind
  • Verbesserte Reaktionsfähigkeit des kopierten Stils
  • Verbesserter Code zur Stiloptimierung, um die Größe der Ausgabe zu reduzieren

Fehlerbehebung

  • Ein Fehler bei der Berechnung der Elementposition wurde behoben
  • Ein Fehler bei der Berechnung der Elementgröße wurde behoben

20. September 2023

Neue Funktionen und Fehlerbehebungen

DivMagic DevTools ist veröffentlicht! Sie können DivMagic jetzt direkt von DevTools verwenden, ohne die Erweiterung zu starten.

Sie können Elemente direkt aus den DevTools kopieren.

Wählen Sie ein Element aus, indem Sie es untersuchen, gehen Sie zum DivMagic-Panel DevTools, klicken Sie auf Kopieren und das Element wird kopiert.

Weitere Informationen finden Sie in der Dokumentation zu DivMagic DevTools.
DivMagic DevTools Dokumentation
Aktualisierung der Berechtigungen
Mit der Hinzufügung von DevTools haben wir die Erweiterungsberechtigungen aktualisiert. Dadurch kann die Erweiterung das DevTools-Panel nahtlos auf allen von Ihnen besuchten Websites und über mehrere Registerkarten hinweg hinzufügen.

⚠️ Notiz
Beim Update auf diese Version zeigen Chrome und Firefox eine Warnung an, die besagt, dass die Erweiterung „alle Ihre Daten auf den von Ihnen besuchten Websites lesen und ändern kann“. Auch wenn der Wortlaut alarmierend ist, versichern wir Ihnen Folgendes:

Minimaler Datenzugriff: Wir greifen nur auf das Nötigste an Daten zu, die für die Bereitstellung des DivMagic-Dienstes erforderlich sind.

Datensicherheit: Alle Daten, auf die die Erweiterung zugreift, verbleiben auf Ihrem lokalen Computer und werden nicht an externe Server gesendet. Die von Ihnen kopierten Elemente werden auf Ihrem Gerät generiert und nicht an einen Server gesendet.

Datenschutz geht vor: Wir verpflichten uns, Ihre Privatsphäre und Sicherheit zu schützen. Weitere Einzelheiten finden Sie in unserer Datenschutzerklärung.

Wir danken Ihnen für Ihr Verständnis und Ihr Vertrauen. Wenn Sie Bedenken oder Fragen haben, können Sie sich gerne an unser Support-Team wenden.
20. September 2023

Fehlerbehebung

  • Es wurde ein Fehler behoben, bei dem Konvertierungseinstellungen nicht gespeichert wurden

31. Juli 2023

Verbesserungen und Fehlerbehebungen

Verbesserungen

  • Verbessertes Kopieren des Rasterlayouts
  • Verbesserte Abdeckung der CSS-Klassen von Tailwind
  • Die Reaktionsfähigkeit des kopierten Stils wurde verbessert
  • Verbesserter Code zur Stiloptimierung, um die Größe der Ausgabe zu reduzieren

Fehlerbehebung

  • Ein Fehler beim Kopieren absoluter Elemente wurde behoben
  • Ein Fehler beim Kopieren von Hintergrundunschärfe wurde behoben

20. Juli 2023

Verbesserungen und Fehlerbehebungen

Verbesserungen

  • Verbesserter Code zur Stiloptimierung, um die Größe der Ausgabe zu reduzieren

Fehlerbehebung

  • Ein Fehler bei der Hintergrunderkennung wurde behoben

18. Juli 2023

Neue Funktionen, Verbesserungen und Fehlerbehebungen

Mit der neuen Funktion „Hintergrund erkennen“ können Sie jetzt den Hintergrund des Elements erkennen, das Sie kopieren.

Diese Funktion erkennt den Hintergrund des Elements über das übergeordnete Element. Besonders auf dunklen Hintergründen wird es sehr nützlich sein.

Ausführliche Informationen finden Sie in der Dokumentation zum Thema „Hintergrund erkennen“.
Hintergrund erkennen18. Juli 2023

Verbesserungen

  • Verbesserte Reaktionsfähigkeit der kopierten Komponenten
  • SVG-Elemente wurden aktualisiert, um nach Möglichkeit „currentColor“ zu verwenden, um die Anpassung zu erleichtern
  • Verbesserter Code zur Stiloptimierung, um die Größe der CSS-Ausgabe zu reduzieren

Fehlerbehebung

  • Ein Fehler bei der Höhen- und Breitenberechnung wurde behoben

12. Juli 2023

Neue Funktion und Verbesserungen

Mit der neuen Funktion „Ganze Seite kopieren“ können Sie jetzt ganze Seiten kopieren.

Es kopiert die gesamte Seite mit allen Stilen und konvertiert sie in das Format Ihrer Wahl.

Detaillierte Informationen finden Sie in der Dokumentation.
Dokumentation12. Juli 2023

Verbesserungen

  • Verbesserte Reaktionsfähigkeit der kopierten Komponenten
  • Verbesserter Code zur Stiloptimierung, um die Größe der CSS-Ausgabe zu reduzieren

3. Juli 2023

Verbesserungen und Fehlerbehebungen

Verbesserungen

  • Verbessertes Kopieren im Iframe-Stil
  • Verbesserte Rahmenkonvertierung
  • Verbesserter Code zur Stiloptimierung, um die Größe der Ausgabe zu reduzieren

Fehlerbehebung

  • Ein Fehler bei der JSX-Konvertierung wurde behoben
  • Ein Fehler bei der Berechnung des Randradius wurde behoben

25. Juni 2023

Verbesserungen und Fehlerbehebungen

Verbesserungen

  • Verbesserte Rahmenkonvertierung
  • Aktualisierte Schriftgrößenlogik
  • Verbesserter Code zur Stiloptimierung, um die Größe der Ausgabe zu reduzieren

Fehlerbehebung

  • Ein Fehler bei der Auffüllung und Randkonvertierung wurde behoben

12. Juni 2023

Verbesserungen und Fehlerbehebungen

Verbesserungen

  • Verbesserter Code zur Stiloptimierung, um die Größe der Ausgabe zu reduzieren
  • Verbesserte Listenkonvertierung
  • Verbesserte Tabellenkonvertierung

Fehlerbehebung

  • Ein Fehler bei der Rasterkonvertierung wurde behoben

6. Juni 2023

Neue Funktion und Verbesserungen

Sie können das Kopierte nun in CSS konvertieren. Dies ist eine sehr gefragte Funktion und wir freuen uns, sie zu veröffentlichen!

So können Sie problemlos an Ihren Projekten arbeiten.

Informationen zu den Unterschieden zwischen den Stilformaten finden Sie in der Dokumentation
Dokumentation6. Juni 2023

Verbesserungen

  • Verbesserter Code zur Stiloptimierung, um die Größe der Tailwind CSS-Ausgabe zu reduzieren
  • Verbesserte Listenkonvertierung
  • Verbesserte Rasterkonvertierung

27. Mai 2023

Verbesserungen und Fehlerbehebungen

Verbesserungen

  • Es wurde eine Tastenkombination zum Kopieren des Tailwind CSS-Codes hinzugefügt. Sie können „D“ drücken, um das Element zu kopieren.
  • Verbesserte SVG-Konvertierung
  • Verbesserter Code zur Stiloptimierung, um die Größe der Tailwind CSS-Ausgabe zu reduzieren

Fehlerbehebung

  • Es wurde ein Fehler bei der JSX-Konvertierung behoben, bei dem die Ausgabe eine falsche Zeichenfolge enthielt
  • Vielen Dank an alle, die Fehler und Probleme melden! Wir arbeiten daran, diese so schnell wie möglich zu beheben.

18. Mai 2023

Neue Funktion und Verbesserungen

Sie können jetzt das kopierte HTML in JSX konvertieren! Dies ist eine sehr gefragte Funktion und wir freuen uns, sie zu veröffentlichen.

Dadurch können Sie problemlos an Ihren NextJS- oder React-Projekten arbeiten.

18. Mai 2023

Verbesserungen

  • Verbesserter Code zur Stiloptimierung, um die Größe der Tailwind CSS-Ausgabe zu reduzieren

14. Mai 2023

Firefox-Version 🦊

DivMagic wurde auf Firefox veröffentlicht! Sie können DivMagic jetzt auf Firefox und Chrome verwenden.

Sie können DivMagic für Firefox hier herunterladen: Firefox

12. Mai 2023

Verbesserungen

DivMagic wurde in den letzten 2 Tagen über 100 Mal installiert! Vielen Dank für das Interesse und das Feedback.

Wir veröffentlichen eine neue Version mit Verbesserungen und Fehlerbehebungen.

  • Verbesserter Code zur Stiloptimierung, um die Größe der Tailwind CSS-Ausgabe zu reduzieren
  • Verbesserte SVG-Konvertierung
  • Verbesserte Grenzunterstützung
  • Unterstützung für Hintergrundbilder hinzugefügt
  • Warnung zu iFrames hinzugefügt (Derzeit funktioniert DivMagic nicht mit iFrames)
  • Es wurde ein Fehler behoben, bei dem Hintergrundfarben nicht angewendet wurden

9. Mai 2023

🚀 DivMagic-Start!

Wir haben gerade DivMagic gestartet! Die erste Version von DivMagic ist jetzt live und kann von Ihnen verwendet werden. Wir sind gespannt, was Sie denken!

  • Kopieren Sie jedes Element und konvertieren Sie es in Tailwind CSS
  • Farben werden in Tailwind CSS-Farben konvertiert

© 2024 DivMagic, Inc. Alle Rechte vorbehalten.