This article is a mirror article of machine translation, please click here to jump to the original article.

Architect_Programmer_Code Agriculture Network»Architect › Front-end design & web › Front-end frame › Angular 9 series (10) Embedded vconsole, eruda developer debugging surface...
View: 12177|Reply: 1

[Angular] Angular 9 series (10) embeds vconsole and eruda developer debugging panels

[Copy link]
Posted on 2020-6-29 16:26:06 | | | |
Angular 9 Series (1) Dynamically Loaded Components
https://www.itsvse.com/thread-9238-1-1.html

Angular 9 series (2) dynamic component transmission parameters
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 series (3) subscribes to dynamic component events
https://www.itsvse.com/thread-9246-1-1.html

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

Angular 9 Series (V) formats the amount currency format
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 series (VI) calls native JS variables and methods
https://www.itsvse.com/thread-9254-1-1.html

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

Angular 9 series (VIII) updates the value of a child component by triggering an event via set
https://www.itsvse.com/thread-9267-1-1.html

Angular 9 Series (nine) #id selector applied on the page
https://www.itsvse.com/thread-9278-1-1.html


To access the website on the PC side, we can press F12 to open the debugging tool through the browser to view output logs, network requests, web page elements, cookies, and other information.

However, when we are developing mobile or mini programs and apps, there is an abnormal problem, and we cannot directly view the abnormal information.
Pure html web page tutorial:

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

This article recommends two front-end developer debug panels embedded in your Angular 9 project.

Let's take a look at the renderings first:



vConsole

A lightweight, scalable, front-end developer debugging panel for mobile web pages.

The tutorial is as follows, perform npm installation plugin as follows:


introduced in the component


invoke


The hyperlink login is visible.

eruda

Eruda is a debugging panel designed for the front-end of mobile web pages, similar to a mini version of DevTools, with key functions such as: capturing console logs, checking element status, capturing XHR requests, displaying local storage and cookie information, and more.

The tutorial is as follows, perform npm installation plugin as follows:


introduced in the component

invoke


The hyperlink login is visible.

(End)






Previous:[Front-end must-have] developer debugging panel
Next:Nuget sets up HTTP proxy access

Related Posts
 Landlord| Posted on 2022-1-25 13:12:03 |
vConsole direct js ingestion



Initialize

Disclaimer:
All software, programming materials or articles published by Code Farmer Network are only for learning and research purposes; The above content shall not be used for commercial or illegal purposes, otherwise, users shall bear all consequences. The information on this site comes from the Internet, and copyright disputes have nothing to do with this site. You must completely delete the above content from your computer within 24 hours of downloading. If you like the program, please support genuine software, purchase registration, and get better genuine services. If there is any infringement, please contact us by email.
Mail To:help@itsvse.com