Files
angular__angular/devtools
AleksanderBodurri c24924cbd7 build(devtools): use ng-dev stamp tooling to stamp the latest git SHA in devtools
Previously, we were using ngx-build-plus with a custom webpack config to determine the git SHA at runtime.

Now, after migrating to bazel and transfering to angular/angular, this commit uses ng-dev to stamp the latest git SHA directly in angular devtools' application environment.

This commit also removes the old webpack configs.
2022-01-26 16:35:30 -05:00
..
2022-01-26 16:35:30 -05:00

Angular DevTools

Table of content

Introduction

Angular DevTools is a Chrome DevTools extension for debugging and profiling Angular applications.

You can install the extension from: Chrome Web Store

Inspecting Code

Angular DevTools is a Chrome extension that provides debugging and profiling capabilities for Angular applications. A hard requirement is that the Angular application is running in development mode.

Supported version

Angular DevTools supports Angular v9 and above, with Ivy enabled.

Working on Angular DevTools

Installing and Running locally

To setup your local development environment for Angular DevTools, perform the following steps:

git clone git://github.com/rangle/angular-devtools
cd angular-devtools
yarn
yarn start

Build and Install on Chrome locally

  1. After installation, generate chrome build by running yarn build:chrome
  2. Navigate to chrome://extensions and enable Developer mode.
  3. Choose "Load unpacked extension".
  4. In the dialog, select the directory dist/shell-chrome.

Reporting issues

Please search to make sure your issue is not already been reported. When opening an issue, please follow the issue template provided.

Contributing

General guidelines

If you'd like to help out, please read our Development Guidelines and Contributing Guidelines.

License

MIT