Esporta elemento ti permette di cliccare su qualsiasi elemento ed esportare la sua struttura completa in tre formati.
Ogni sviluppatore ha momenti in cui deve estrarre codice da una pagina esistente. Esporta elemento consolida tutto in un clic.
<div class="pricing-card">
<div class="card-header">
<img src="icon.svg"/>
<h3>Pricing Card</h3>
</div>
<p>$29.99/month</p>
<button>Subscribe</button>
</div>
Ottieni il markup HTML completo con tutti i figli e attributi, correttamente indentato.
Estrai ogni proprietà CSS calcolata come foglio di stile formattato.
Ottieni un oggetto JSON con nome tag, attributi, stili e figli ricorsivi.
Passa tra HTML, CSS e JSON istantaneamente.
Ogni formato viene mostrato con evidenziazione sintassi nel pannello di anteprima.
Clicca Copia per copiare. La barra di stato mostra righe e dimensione in byte.
Trovato un card o hero section da replicare? Clicca ed esporta HTML e CSS.
Esporta elementi come JSON per documentazione o design system.
Esporta l'HTML dell'elemento e incollalo nel file di test.
L'export CSS mostra gli stili calcolati — ciò che il browser effettivamente renderizza.
Copia implementazioni eleganti da siti in produzione nella tua libreria di frammenti.
Apri il dock e clicca sull'icona Esporta elemento.
Clicca su qualsiasi elemento. Il pannello si popola con le rappresentazioni HTML, CSS e JSON.
Clicca sulla scheda HTML, CSS o JSON per vedere formati diversi.
Controlla l'anteprima e clicca Copia per copiare negli appunti.
Clicca su un elemento diverso per aggiornare il pannello.
Installa DevSuite Pro gratuitamente e sblocca più di 39 strumenti per sviluppatori per il tuo browser.