Questo articolo è un articolo speculare di traduzione automatica, clicca qui per saltare all'articolo originale.

Vista: 12177|Risposta: 1

[Angolare] La serie Angular 9 (10) incorpora i pannelli di debug degli sviluppatori vconsole ed eruda

[Copiato link]
Pubblicato il 29-6-2020 16:26:06 | | | |
Componenti dinamici a carica dinamica della serie Angular 9 (1)
https://www.itsvse.com/thread-9238-1-1.html

Parametri di trasmissione dinamici dei componenti della serie Angular 9 (2)
https://www.itsvse.com/thread-9245-1-1.html

La serie Angular 9 (3) si abscrive agli eventi dinamici a componente
https://www.itsvse.com/thread-9246-1-1.html

Tubazioni personalizzate Angular 9 Series (IV)
https://www.itsvse.com/thread-9248-1-1.html

Serie Angular 9 (V) formata il formato di valuta di quantità
https://www.itsvse.com/thread-9249-1-1.html

La serie angolare 9 (VI) chiama variabili e metodi JS nativi
https://www.itsvse.com/thread-9254-1-1.html

Cannaletico in stile CSS della serie Angular 9 (VII)
https://www.itsvse.com/thread-9264-1-1.html

La serie angolare 9 (VIII) aggiorna il valore di un componente figlio attivando un evento tramite un set
https://www.itsvse.com/thread-9267-1-1.html

Selettore di #id Angular 9 Series (nove) applicato sulla pagina
https://www.itsvse.com/thread-9278-1-1.html


Per accedere al sito web dal lato PC, possiamo premere F12 per aprire lo strumento di debug tramite il browser e visualizzare i log di output, le richieste di rete, gli elementi della pagina web, i cookie e altre informazioni.

Tuttavia, quando sviluppiamo programmi e app mobili o mini, c'è un problema anomalo e non possiamo visualizzare direttamente le informazioni anomale.
Tutorial per la pagina web in HTML puro:

[Panel di debug per sviluppatori indispensabile] front-end
https://www.itsvse.com/thread-9285-1-1.html

Questo articolo consiglia due pannelli di debug per sviluppatori front-end integrati nel tuo progetto Angular 9.

Diamo prima un'occhiata ai rendering:



vConsole

Un pannello di debug per sviluppatori front-end, leggero, scalabile e leggero per pagine web mobili.

Il tutorial è il seguente: esegui il plugin di installazione npm come segue:


introdotto nel componente


evocare


Il login del link ipertestuale è visibile.

eruda

Eruda è un pannello di debug progettato per il front-end delle pagine web mobili, simile a una versione mini di DevTools, con funzioni chiave come: cattura dei log della console, controllo dello stato degli elementi, cattura delle richieste XHR, visualizzazione delle informazioni locali di archiviazione e cookie, e altro ancora.

Il tutorial è il seguente: esegui il plugin di installazione npm come segue:


introdotto nel componente

evocare


Il login del link ipertestuale è visibile.

(Fine)






Precedente:[Panel di debug per sviluppatori indispensabile] front-end
Prossimo:Nuget imposta l'accesso proxy HTTP
 Padrone di casa| Pubblicato il 25-01-2022 13:12:03 |
vConsole direct js ingestione



Inizializzare

Disconoscimento:
Tutto il software, i materiali di programmazione o gli articoli pubblicati dalla Code Farmer Network sono destinati esclusivamente all'apprendimento e alla ricerca; I contenuti sopra elencati non devono essere utilizzati per scopi commerciali o illegali, altrimenti gli utenti dovranno sostenere tutte le conseguenze. Le informazioni su questo sito provengono da Internet, e le controversie sul copyright non hanno nulla a che fare con questo sito. Devi eliminare completamente i contenuti sopra elencati dal tuo computer entro 24 ore dal download. Se ti piace il programma, ti preghiamo di supportare software autentico, acquistare la registrazione e ottenere servizi autentici migliori. In caso di violazione, vi preghiamo di contattarci via email.

Mail To:help@itsvse.com