This is the archived documentation for Angular v5. Please visit angular.io to see documentation for the current version of Angular.

enableDebugTools

npm Package @angular/platform-browser
Module import { enableDebugTools } from '@angular/platform-browser';
Source platform-browser/src/browser/tools/tools.ts 
      
      function enableDebugTools<T>(ref: ComponentRef<T>): ComponentRef<T>;

Description

Enabled Angular debug tools that are accessible via your browser's developer console.

Usage:

  1. Open developer console (e.g. in Chrome Ctrl + Shift + j)
  2. Type ng. (usually the console will show auto-complete suggestion)
  3. Try the change detection profiler ng.profiler.timeChangeDetection() then hit Enter.