DivMagic

Mise à jour le 29 mars, 2024
Auteur : ericoutilsdigitaux
Temps de lecture : 
5 minute(s)
Environnement :
-
Retour Applications

Résumé

Avec DivMagic copiez le design de n'importe quel site Web
Reproduire le design d'un site web Une extension de navigateur qui facilite la copie du code de n'importe quel élément d'un site web en un clic.

Vidéo

Présentation

Obtenez le code de n'importe quel élément sur n'importe quel site web

Vous avez la possibilité d'obtenir le code HTML/CSS de n'importe quel élément sur n'importe quel site web. En un clic, vous pouvez copier le code de l'élément souhaité. Il vous est également possible de copier des pages entières en un seul clic si vous le souhaitez.

Capture d'écran de la page d'accueil de DivMagic mettant l'accent sur la personnalisation du design, avec un bouton de confirmation "copier" et un éditeur de code ouvert.
Capture d'écran de la page d'accueil de DivMagic mettant l'accent sur la personnalisation du design, avec un bouton de confirmation "copier" et un éditeur de code ouvert.

Prise en charge des requêtes médias (responsive)

Vous pouvez copier la requête média de l'élément que vous êtes en train de copier.

Cela rendra le style copié responsive.

Une capture d'écran d'un environnement de développement Web avec le code DivMagic à gauche et une publicité sur la sécurité d'une application Web à droite.
Une capture d'écran d'un environnement de développement Web avec le code DivMagic à gauche et une publicité sur la sécurité d'une application Web à droite.

Convertir du CSS en Tailwind CSS

Il est possible de convertir n'importe quel code CSS en Tailwind CSS.

Le site web que vous copiez n'a pas besoin d'utiliser Tailwind CSS.

DivMagic convertira n'importe quel code CSS en Tailwind CSS (même les couleurs !)

Un écran d'ordinateur affichant un environnement de développement Web DivMagic avec du code HTML à gauche et un navigateur Web avec divers onglets ouverts à droite.
Un écran d'ordinateur affichant un environnement de développement Web DivMagic avec du code HTML à gauche et un navigateur Web avec divers onglets ouverts à droite.

Copier du code à travers des iframes

Il est possible de copier du code à partir des iframes.

Certains sites web placent du contenu dans des iframes pour vous empêcher de le copier. DivMagic peut copier du code à travers les iframes.

Intégration des outils de développement

Utilisez DivMagic directement depuis les outils de développement de votre navigateur

Accédez à la puissance de DivMagic sans jamais ouvrir l'extension

Transformez et capturez des éléments web en composants réutilisables, tout en restant dans votre console de développement.

Transformez n'importe quel composant en React/JSX

Vous avez la possibilité de convertir n'importe quel composant en JSX.

Vous pouvez récupérer n'importe quelle section que vous copiez en tant que composant React/JSX, sans avoir besoin d'inspecter le code.

Même si le site web n'utilise pas React.

Capture d'écran d'une page Web Stripe en cours d'édition dans DivMagic avec le code HTML et CSS visible sur le côté droit.
Capture d'écran d'une page Web Stripe en cours d'édition dans DivMagic avec le code HTML et CSS visible sur le côté droit.

Intégration de DivMagic Studio

Il est possible d'exporter l'élément copié vers DivMagic Studio.

Cela vous permettra de modifier facilement l'élément et d'y apporter des changements.

Vous pouvez enregistrer vos composants dans DivMagic Studio et y accéder à tout moment.

Une capture d'écran d'un processus de conception d'interface utilisateur montrant une barre latérale pour la connexion du fournisseur et un outil d'édition de code DivMagic actif avec des options d'exportation de styles et de HTML.
Une capture d'écran d'un processus de conception d'interface utilisateur montrant une barre latérale pour la connexion du fournisseur et un outil d'édition de code DivMagic actif avec des options d'exportation de styles et de HTML.

Boîte à outils DivMagic

Tous les outils nécessaires au développement web réunis en un seul endroit.

Vous pouvez copier des polices de caractères à partir de sites web et les utiliser directement dans vos projets. Vous pouvez copier des couleurs à partir de n'importe quel site web et les utiliser directement dans vos projets. Convertissez n'importe quelle couleur dans n'importe quel format. Ajoutez des grilles.

Un navigateur Web ouvert sur un ordinateur affichant une carte des annonces de location sur le site Web d'Airbnb, avec l'outil DivMagic mettant en évidence les éléments HTML.
Un navigateur Web ouvert sur un ordinateur affichant une carte des annonces de location sur le site Web d'Airbnb, avec l'outil DivMagic mettant en évidence les éléments HTML.

Et bien plus encore…

Tous les outils dont vous avez besoin pour créer plus rapidement des sites Web époustouflants

Obtenez le meilleur design, sans y consacrer des heures

INSPECTEUR

Obtenez le code de n’importe quel élément sur n’importe quel site Web. DivMagic fournit le code le plus compact et le plus propre que vous puissiez utiliser dans vos projets.

CONVERTISSEUR

Convertissez n'importe quel composant en React/JSX. Vous pouvez obtenir n'importe quelle section que vous copiez en tant que composant React/JSX. Quel que soit le cadre du site Web.

TAILWIND CSS

Convertissez CSS en CSS Tailwind. DivMagic convertira n'importe quel code CSS en Tailwind CSS (même les couleurs !). Le site Web à partir duquel vous copiez n’a pas besoin d’utiliser Tailwind CSS.

PRISE EN CHARGE DES IFRAME

Copiez le code des iframes. Certains sites Web mettent le contenu dans des iframes pour vous empêcher de le copier. DivMagic peut copier du code via des iframes.

SENSIBLE

Vous pouvez copier la requête multimédia de l'élément ou de la page que vous copiez. Cela rendra le style copié réactif.

INTÉGRATION DES OUTILS DE DÉVELOPPEMENT

Utilisez DivMagic directement depuis les outils de développement de votre navigateur. Vous pouvez accéder à toutes les fonctionnalités de DivMagic sans jamais afficher l'extension.

INTÉGRATION DES STUDIOS

Vous pouvez exporter l'élément copié vers DivMagic Studio - un puissant éditeur en ligne pour éditer l'élément et y apporter des modifications facilement.

COPIE PLEINE PAGE

Vous pouvez copier des pages entières en un seul clic.

INTÉGRATION WORDPRESS

(BIENTÔT À VENIR) - Vous pouvez exporter l'élément copié vers WordPress. Cela vous permettra d'utiliser l'élément copié dans l'éditeur WordPress.

BOÎTE À OUTILS

Tous les outils dont vous aurez besoin pour le développement Web en un seul endroit. Modifications en direct, sélecteur de couleurs, débogueur et bien plus encore.

COPIE DE POLICE

Vous pouvez copier des polices de sites Web et les utiliser directement dans vos projets.

PIPETTE À COULEURS

Vous pouvez copier les couleurs de n'importe quel site Web et les utiliser directement dans vos projets. Convertissez n'importe quelle couleur dans n'importe quel format.

* le texte ci-dessus provient du site marchand (traduction dans certains cas)
Aimer partager ses idées et ses trouvailles
Euro Sino Trade
Unit 04, 7/F, Bright Way Tower No. 33 Mongkok Road,
Kowloon Hong Kong SAR
Copyright © - 2024 - Outils Digitaux .FR
Cliquez pour copier
exitundocrossmenu