Ця стаття є дзеркальною статтею машинного перекладу, будь ласка, натисніть тут, щоб перейти до оригінальної статті.

Architect_Programmer_Code Сільськогосподарська мережа»Архітектор › Фронтенд-дизайн і веб › Передня рама › Angular 9 series (10) Вбудована vconsole, eruda developer debuging surface...
Вид: 12177|Відповідь: 1

[Кутовий голос] Angular 9 серії (10) вбудовує vconsole та eruda для налагоджувальних панелей розробників

[Копіювати посилання]
Опубліковано 2020-6-29 16:26:06 | | | |
Компоненти Angular 9 серії (1) з динамічно завантаженим навантаженням
https://www.itsvse.com/thread-9238-1-1.html

Кутові параметри передачі 9 серій (2) динамічних компонентних компонентів
https://www.itsvse.com/thread-9245-1-1.html

Angular 9 серія (3) підписується на події динамічних компонентів
https://www.itsvse.com/thread-9246-1-1.html

Трубопроводи Angular 9 Series (IV) Custom Pipe
https://www.itsvse.com/thread-9248-1-1.html

Angular 9 Series (V) форматує формат суми валюти
https://www.itsvse.com/thread-9249-1-1.html

Angular 9 series (VI) викликає нативні JS-змінні та методи
https://www.itsvse.com/thread-9254-1-1.html

Приціл у стилі CSS серії Angular 9 (VII)
https://www.itsvse.com/thread-9264-1-1.html

Серія Angular 9 (VIII) оновлює значення дочірнього компонента, запускаючи подію через множину
https://www.itsvse.com/thread-9267-1-1.html

Селектор Angular 9 Series (дев'ять#id) застосовується до сторінки
https://www.itsvse.com/thread-9278-1-1.html


Щоб отримати доступ до сайту на стороні ПК, ми можемо натиснути F12, щоб відкрити інструмент налагодження через браузер і переглянути журнали виводу, мережеві запити, елементи веб-сторінки, файли cookie та іншу інформацію.

Однак, коли ми розробляємо мобільні або міні-програми та додатки, виникає аномальна проблема, і ми не можемо безпосередньо переглядати цю ненормальну інформацію.
Навчальний посібник з веб-сторінки з чистого html:

[Frontend, must-have] панель налагодження розробника
https://www.itsvse.com/thread-9285-1-1.html

У цій статті рекомендують дві фронтенд-панелі розробника, вбудовані у ваш проєкт Angular 9.

Давайте спочатку розглянемо рендери:



vConsole

Легка, масштабована фронтенд-панель налагодження для мобільних веб-сторінок.

Навчальний посібник виглядає так: виконайте плагін встановлення npm наступним чином:


введено в компоненті


викликати


Вхід за гіперпосиланням видно.

Еруда

Eruda — це панель налагодження, розроблена для фронтенду мобільних веб-сторінок, подібна до міні-версії DevTools, з ключовими функціями, такими як: запис журналів консолі, перевірка статусу елементів, захоплення запитів XHR, відображення локальної інформації про зберігання та файлів cookie тощо.

Навчальний посібник виглядає так: виконайте плагін встановлення npm наступним чином:


введено в компоненті

викликати


Вхід за гіперпосиланням видно.

(Кінець)






Попередній:[Frontend, must-have] панель налагодження розробника
Наступний:Nuget налаштовує доступ до HTTP-проксі

Пов'язані дописи
 Орендодавець| Опубліковано 2022-1-25 13:12:03 |
vConsole прямий js вхід



Ініціалізація

Застереження:
Усе програмне забезпечення, програмні матеріали або статті, опубліковані Code Farmer Network, призначені лише для навчання та досліджень; Вищезазначений контент не повинен використовуватися в комерційних чи незаконних цілях, інакше користувачі несуть усі наслідки. Інформація на цьому сайті надходить з Інтернету, і спори щодо авторських прав не мають до цього сайту. Ви повинні повністю видалити вищезазначений контент зі свого комп'ютера протягом 24 годин після завантаження. Якщо вам подобається програма, будь ласка, підтримуйте справжнє програмне забезпечення, купуйте реєстрацію та отримайте кращі справжні послуги. Якщо є будь-яке порушення, будь ласка, зв'яжіться з нами електронною поштою.
Mail To:help@itsvse.com