mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
Deliver web apps with confidence 🚀
After PR rangle/angular-devtools#618, an invisible gutter was introduced to increase the draggable area of the split pane gutter. The gutter size being used in the calculation for the split area flex-basis still referenced the size of the now invisible gutter, causing split areas to be smaller than they should be. This is most noticable in the the input/output/state expandable panels in the property explorer tab. Now the visible gutter size is used in the flex-basis calculation instead of the invisible one. |
||
|---|---|---|
| .circleci | ||
| .github/ISSUE_TEMPLATE | ||
| .vscode | ||
| cypress | ||
| docs | ||
| e2e | ||
| projects | ||
| src | ||
| .browserslistrc | ||
| .editorconfig | ||
| .gitignore | ||
| .npmrc | ||
| .prettierrc | ||
| angular.json | ||
| CODE_OF_CONDUCT.md | ||
| CONTRIBUTING.md | ||
| cypress.json | ||
| DEVELOPING.md | ||
| karma.conf.js | ||
| LICENSE | ||
| package.json | ||
| README.md | ||
| renovate.json | ||
| shell-dev-webpack.config.js | ||
| tsconfig.app.json | ||
| tsconfig.json | ||
| tsconfig.spec.json | ||
| tslint.json | ||
| yarn.lock | ||
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
- After installation, generate chrome build by running
yarn build:chrome - Navigate to
chrome://extensionsand enable Developer mode. - Choose "Load unpacked extension".
- 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.