Introducing Angular DevTools

Thank you, but unfortunately, this tool doesn't help with style yet, any plans for releasing an update?

А можно по Русский? 🤣

can anyone point me in the direction to get my project into dev mode? like amazing...it is this hard to find

Dear Sir/Lady.

I work for the Colombian goverment. Angular becomes a mandatory standard for web/mobile apps from the institution I work for. However I don't have a clear idea of what is the real advantage or need of implement this web framework. Until now I became satisfited with the implementation of bootstrap + jquery. For me has been good enough but my question is if you have the knowledge of some documented case studies or benchmarks which would support this technical decision.

Best Regards

Please detail how perfromance can be improved

Great! Is there a way to view active subscriptions from Angular Developer Tools?

great tool hope this can help me, thanks

sad firefox noises

Does require the app to be running with Ivy Enabled (enableIvy: true) to work.

You're late

I know there are already command line tools for this but would it be possible to add some sort of view for bundle size? I think that falls under performance too, would be nice to see all those together i.e change detection cycles, general performance details and bundle size.

When will this be ported to Firefox? Never?

The current stable angular version is 12 and this dev tool should have already come with Angular 2.

Available for firefox?

Does this mean I no longer now need to strategically place debuggers in my code and then analyse the data at those breakpoints? (Newbie dev)

please, stop to reading text, just learn it, isnt difficult for you

No Firefox support?

Thank you!

I've been using Angular exclusively for the last 2 years ever since Vue decided to turn into a React clone, and in those 2 years Augury didn't work a single time for me properly. Can't wait to try out DevTools.

This tool will help the community a lot! Thanks Angular Team

Shame on Angular team... Releasing DevTools at version 12 of the framework release. It's just incompetence at this point. Vue DevTools was something that made me like Vue a LOT.

Finally, an official dev tools (unless that Augury ext was already your official dev tools).
Lets hope that it is not a rebrand of Augury ext and it will be better and it will have better support and development..
Lets hope that this works well in other chromuim base like Opera.
When will be available to Firefox ?
And please add this to Angular official docs, with some tutorials, because i only known Augury ext when i read in a book and beginners will not know about the tool.
Thank you, ;)

Thanks , this helps a lot

When are we getting it on Firefox?

Is it possible to debug an Angular app that bootstrap AngularJs ?

Make it for firefox alsooooo!!!!

People were asking for better error messages since Angular 2
(5 years later)
Google: Yes
People: Whatever, we moved to Vue.js & React

Thanks... I guess... When do you actually ship it? In Angular 20?

Long overdue and nothing revolutionary...

Augury rebranded?

Very cool!!!!!!! 😎😎😎😎😎😎 Congratsss!!! 🙌 😍 👏 🔥

Looks cool can't wait to try this..

Game changer.

Thanks for that, we've been waiting indeed for some reliable tool since Augury.

Anyone help me with how to build a development mode?

This is gonna unfold many secrets of change detection in our angular application 😂

Very very cool.

Yes!

Finally!!!

will firefox get this ext too?

Oh I already have a few ways to use this, thank you very much.

Available on Edge?

nice video thank you

I want to kiss you Angular.  😘

The document page URL is invalid. Please fix it.

finally, that buggy Augury will rest in peace

Awesome, happy to see it, you guys rock!

Thank you!!!

Awesome. This is what i really need.

Thank you for this wonderful extension ! :)

Can we also have a 'Garden' Change Detection profiler view that lets you see the nodes as nicely groomed 3D gardens whose fences we can jump over?