mirror of
https://github.com/angular/angular
synced 2026-05-24 09:28:37 +00:00
15 lines
982 B
Markdown
15 lines
982 B
Markdown
# Installing Angular DevTools in Firefox
|
|
|
|
To install Angular DevTools in Firefox follow the steps:
|
|
|
|
- Open menu item from top bar `Tools -> Browser Tools -> Remote Debugging`.
|
|
|
|
- After clicking `Remote Debugging` click on `This Firefox` option from left navigation. You will see the below screen with list of extensions. Temporary extensions are unreleased extensions loaded in development mode.
|
|
|
|
- Click on `Load Temporary Add-on` button to select and load the Angular DevTools extension for Firefox.
|
|
|
|
- Select any file from `dist/bin/devtools/projects/shell-browser/src/prodapp` directory to load extension. If you have not built the extension for Firefox yet, you can do it using `pnpm devtools:build:firefox` which will generate build for Firefox.
|
|
|
|
- After selecting file and clicking open, you should be able to see Angular DevTools as a temporary Extension in Firefox.
|
|
|
|
- Open any Angular application in dev mode and open Firefox DevTools you should see Angular Tab in there.
|