Google – Παρουσιάζει την επέκταση DevTools για το Angular

Η

Google

δημοσίευσε το


Angular DevTools

,

μια επέκταση Chrome DevTools για να ελέγξει τη δομή και την απόδοση των εφαρμογών που έχουν δημιουργηθεί με το framework Angular.

Το Angular DevTοols που αναπτύχθηκε σε συνδυασμό με το



εργαλείο

δημιουργίας εργαλείων Rangle.io και κυκλοφόρησε στις 18 Μαΐου επικεντρώνεται στην οπτικοποίηση της δομής των στοιχείων και στην κατανόηση της εκτέλεσης εντοπισμού αλλαγών. Η επέκταση είναι διαθέσιμη στο Chrome Web Store.

Παρόμοιο με το



εργαλείο

εντοπισμού σφαλμάτων Augury του Rangle.io για το Angular, το

Angular DevTools

προσφέρει

έναν εξερευνητή στοιχείων για προεπισκόπηση της δομής της



εφαρμογή


ς και παρέχει μια επισκόπηση των κύκλων εντοπισμού αλλαγών, βοηθώντας στην αποκάλυψη σημείων συμφόρησης απόδοσης και επιτρέποντας στους προγραμματιστές να προσφέρουν 60fps εμπειρίες. Μια καρτέλα profiler εμφανίζει μεμονωμένους κύκλους ανίχνευσης αλλαγών, τι τους πυροδότησε και πόσο χρόνο αφιερώθηκε σε αυτές. Οι κύκλοι ανίχνευσης αλλαγών μπορούν να προβληθούν σε προεπισκόπηση σε πραγματικό χρόνο.

• Το
  
  Angular DevTools
  
  υποστηρίζει
  
  
  
  εφαρμογές
  
  κατασκευασμένες με το Angular 9 και μεταγενέστερες εκδόσεις. Οι μελλοντικές κυκλοφορίες της επέκτασης υπόσχονται να καλύψουν το κενό λειτουργικότητας με το Augury, συνυπολογίζοντας τις πιο σημαντικές
  
  
  
  δυνατότητες
  
  βάσει των αιτημάτων. Το
  
  Angular DevTools
  
  είναι
  
  μέρος μιας αλυσίδας εργαλείων ανάπτυξης ιστού
  
  που περιλαμβάνει επίσης Angular CLI,
  
  
  
  υπηρεσία
  
  γλώσσας, PWA (Progressive Web Apps) και components.

Το Angular 12 είναι η τρέχουσα τελευταία έκδοση του δημοφιλούς framework ανάπτυξης ιστού με βάση το TypeScript της Google. Κυκλοφόρησε στις 12 Μαΐου.