Dit artikel is een spiegelartikel van machinevertaling, klik hier om naar het oorspronkelijke artikel te gaan.

Architect_Programmer_Code Landbouwnetwerk»Architect › Front-end ontwerp & web › Voorframeframe › Angular 9-serie (10) Embedded vconsole, Eruda ontwikkelaar debugging surface...
Bekijken: 12177|Antwoord: 1

[Angular] Angular 9-serie (10) embedt vconsole- en eruda-ontwikkelaarsdebuggingpanelen

[Link kopiëren]
Geplaatst op 29-6-2020 16:26:06 | | | |
Angular 9 Series (1) Dynamisch Geladen Componenten
https://www.itsvse.com/thread-9238-1-1.html

Hoekige 9-serie (2) dynamische componenttransmissieparameters
https://www.itsvse.com/thread-9245-1-1.html

Hoekige 9-serie (3) sluit dynamische componentgebeurtenissen aan
https://www.itsvse.com/thread-9246-1-1.html

Angular 9 Series (IV) Custom Pipe pijpleidingen
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) formateert het bedragsvalutaformaat
https://www.itsvse.com/thread-9249-1-1.html

Hoekige 9-reeks (VI) roept native JS-variabelen en -methoden aan
https://www.itsvse.com/thread-9254-1-1.html

Angular 9-serie (VII) CSS-stijl scope
https://www.itsvse.com/thread-9264-1-1.html

Angular 9 series (VIII) werkt de waarde van een kindcomponent bij door een gebeurtenis te triggeren via een set
https://www.itsvse.com/thread-9267-1-1.html

Angular 9 Series (negen) #id selector toegepast op de pagina
https://www.itsvse.com/thread-9278-1-1.html


Om toegang te krijgen tot de website aan de pc-kant kunnen we op F12 drukken om via de browser de debuggingtool te openen en outputlogs, netwerkverzoeken, webpagina-elementen, cookies en andere informatie te bekijken.

Maar wanneer we mobiele of mini-programma's en apps ontwikkelen, is er een abnormaal probleem en kunnen we die abnormale informatie niet direct bekijken.
Pure html-webpaginatutorial:

[Front-end must-have] ontwikkelaar debugging paneel
https://www.itsvse.com/thread-9285-1-1.html

Dit artikel raadt twee front-end ontwikkelaar debugpanelen aan die in je Angular 9-project zijn ingebed.

Laten we eerst naar de renderings kijken:



vConsole

Een lichtgewicht, schaalbaar front-end ontwikkelaarsdebuggingpaneel voor mobiele webpagina's.

De tutorial is als volgt: voer de npm installatieplugin uit als volgt:


geïntroduceerd in de component


aanroepen


De hyperlink-login is zichtbaar.

Eruda

Eruda is een debuggingpaneel ontworpen voor de front-end van mobiele webpagina's, vergelijkbaar met een mini-versie van DevTools, met belangrijke functies zoals: het vastleggen van consolelogs, het controleren van de status van elementen, het vastleggen van XHR-verzoeken, het weergeven van lokale opslag- en cookie-informatie, en meer.

De tutorial is als volgt: voer de npm installatieplugin uit als volgt:


geïntroduceerd in de component

aanroepen


De hyperlink-login is zichtbaar.

(Einde)






Vorig:[Front-end must-have] ontwikkelaar debugging paneel
Volgend:Nuget stelt HTTP-proxy-toegang op

Gerelateerde berichten
 Huisbaas| Geplaatst op 25-1-2022 13:12:03 |
vConsole directe js-ingestie



Initialiseren

Disclaimer:
Alle software, programmeermaterialen of artikelen die door Code Farmer Network worden gepubliceerd, zijn uitsluitend bedoeld voor leer- en onderzoeksdoeleinden; De bovenstaande inhoud mag niet worden gebruikt voor commerciële of illegale doeleinden, anders dragen gebruikers alle gevolgen. De informatie op deze site komt van het internet, en auteursrechtconflicten hebben niets met deze site te maken. Je moet bovenstaande inhoud volledig van je computer verwijderen binnen 24 uur na het downloaden. Als je het programma leuk vindt, steun dan de echte software, koop registratie en krijg betere echte diensten. Als er sprake is van een inbreuk, neem dan contact met ons op via e-mail.
Mail To:help@itsvse.com