angular/devtools/docs/firefox.md
Sumit Arora 9f1bcc7b93 docs(devtools): updating firefox documentation (#44952)
Updating dist path to load Firefox DevTools

PR Close #44952
2022-04-12 18:41:37 +00:00

15 lines
970 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 build extension for Firefox yet. You can do it using `yarn 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.