AngularProfiler in Angular 2.0

AngularProfiler in Angular 2.0

 

אנגולר 2.0 באה עם כלי פרופיל. בפוסט זה אני רוצה להראות לכם איך לפעיל אותו ומה יש בו.

להלן הקוד שצריך להוסיף ל- bootstrap.

import {bootstrap, enableDebugTools}

    from 'angular2/platform/browser';



bootstrap(MyApp)

    .then(enableDebugTools);

 

אחרי שהוספתם את הקוד הנ"ל יופיע לכם בחלון ה-console המשתנה הגלובלי ng, עם ה-property בשם profiler.

ראו תמונה 1.

תמונה1

ה- profiler מאפשר לנו שני דברים:

1. לבדוק את הביצועים של ה- ChangeDetection.

2. לטייל על עץ האובייקטים של האפליקציה, יש לנו גישה ל- AppRef.

 

מקווה שזה עזר לכם J