Il Rilevatore componenti identifica automaticamente quale framework frontend usa un sito e rivela l'albero completo dei componenti.
Ti sei mai chiesto con quale framework è costruito un sito? Il Rilevatore componenti risponde istantaneamente a entrambe le domande, scansionando firme specifiche del framework e identificando framework, versione e albero completo dei componenti.
Rileva React, Vue, Angular, Svelte, Preact, Solid e altri framework con numero di versione esatto.
Mostra la gerarchia completa dei componenti in una vista ad albero comprimibile.
Per React e Vue, visualizza i valori correnti di props e state di ogni componente.
Clicca qualsiasi componente nell'albero per evidenziare l'elemento DOM corrispondente sulla pagina.
Vedi il numero totale di componenti, quanti sono unici e quali appaiono più frequentemente.
Rileva framework anche su build di produzione minificate.
Visita qualsiasi sito e scopri istantaneamente se usa React, Vue, Angular o Svelte.
Studia come le applicazioni in produzione scompongono la loro UI in componenti.
Un componente non si renderizza correttamente? Ispeziona i suoi props e state.
Ti prepari per un colloquio frontend? Naviga siti in produzione per vedere pattern di componenti reali.
Visita prodotti simili costruiti con framework diversi e confronta le strutture dei componenti.
Apri il dock di DevSuite Pro e clicca sull'icona Rilevatore componenti.
L'header del pannello mostra framework rilevato, versione e modalità di rendering.
Espandi e comprimi componenti nell'albero per esplorare la gerarchia.
Clicca su qualsiasi componente per vederne i valori correnti di props e state.
Clicca su un componente per evidenziare l'elemento DOM corrispondente.
Installa DevSuite Pro gratuitamente e sblocca più di 39 strumenti per sviluppatori per il tuo browser.
