R&D - Debugging for Angular

[pcyuen98]

Research (soft skill) a new method or tools for debugging on example below

1) ease the debugging 2) using command on console section 3) method of logging 4) performance diagnosis

[abdrhm293]

1) Angular DevTools

• https://chrome.google.com/webstore/detail/angular-devtools/ienfalfjdbdpebioblfackkekamfmbnh
• https://angular.io/guide/devtools
• https://blog.angular.io/introducing-angular-devtools-2d59ff4cf62f

2) Chrome DevTools

• https://upstack.co/knowledge/how-to-debug-angular-with-chrome-developer-tools
• https://blog.openreplay.com/how-to-debug-angular-apps-with-chrome-devtools

3) Augury

• https://augury.rangle.io/

Summary:

• https://medium.com/@vamsivempati/a-guide-to-debugging-angular-applications-5a36bd88b4cf
• https://indepth.dev/posts/1138/everything-you-need-to-know-about-debugging-angular-applications

[abdrhm293]

Went to the Augury link and tried to click on the button "Install on Chrome" but button link broken. Found the Augury developers have been helping to develop Angular DevTools and it could be they have merged with Angular DevTools.

[pcyuen98]

Please update the findings on the augury as discussed. This is softskill writing. You need to provide your findings, what u did and your suggestion.

[abdrhm293]

About the broken link of Augury installer for Chrome, found a github discussing that problem https://github.com/rangle/augury/issues/1507. In that github, user ayoubkhan558 commented on May 4 to use crx installer. This discussion had occurred for quite some time ago and found out from the github last response was on 2020 and no news about augury updates since then. From this finding, it is suggested that Augury has become outdated.