mirror of https://github.com/angular/angular.git synced 2026-09-14 13:54:52 +08:00

Files

T

History

AleksanderBodurri ebcdc8dc96 refactor(devtools): implement multiframe support in devtools page (#53934 )

In the Angular DevTools Chrome DevTools page:

- Angular DevTools is able to ask the background script to list each frame that has been registered on a page.
- Angular Devtools is able to ask the background script to "enable" the connection on a particular frame. This enables the messaging between the content script <-> background script <-> devtools page
- Implements detection of non unique urls on the inspected page

Limitations:
- The `inspectedWindow.eval` API is only able to target frames by frameURL. This means some features that integrate with Chrome DevTools like inspect element and open source will not be available when inspecting frames that do not have a unique url on the page.

PR Close #53934

2024-02-14 17:15:25 -08:00

cypress

refactor(devtools): migrate devtools to prettier formatting (#53945 )

2024-01-19 19:09:54 +01:00

docs

refactor(devtools): remove support for v11 and older versions of Angular (#45883 )

2022-05-05 15:28:42 -07:00

projects

refactor(devtools): implement multiframe support in devtools page (#53934 )

2024-02-14 17:15:25 -08:00

src

refactor(devtools): implement multiframe support in devtools page (#53934 )

2024-02-14 17:15:25 -08:00

tools

build(devtools): prevent underscores from being added at build time (#53921 )

2024-01-18 10:22:12 +01:00

.gitignore

refactor(devtools): prepare codebase for migration to angular/angular repo

2021-11-21 20:23:18 -05:00

BUILD.bazel

refactor(devtools): consolidate devtools global styles into 1 file (#49001 )

2023-02-14 20:25:23 +01:00

cypress.json

refactor(devtools): bring the angular devtools directory into the root bazel workspace

2022-01-26 16:35:31 -05:00

DEVELOPING.md

docs(devtools): update development docs (#53948 )

2024-01-16 19:17:18 -08:00

packages.bzl

refactor(devtools): bring the angular devtools directory into the root bazel workspace

2022-01-26 16:35:31 -05:00

README.md

docs(devtools): update development docs (#53948 )

2024-01-16 19:17:18 -08:00

styles.scss

feat(devtools): Implement initial DI debugging features in devtools (#51719 )

2023-10-10 13:10:50 -07:00

tsconfig.json

refactor(devtools): Add hydration informations (#53910 )

2024-01-30 20:03:14 +00:00

tsconfig.spec.json

refactor(devtools): prepare codebase for migration to angular/angular repo

2021-11-21 20:23:18 -05:00

tslint.json

build(devtools): disable the "Rebase PR on target branch" circleci job so that the PR that merges the unrelated history of rangle/angular-devtools can be successfully merged into angular/angular

2022-01-26 16:35:30 -05:00

README.md

Angular DevTools

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

Installing and Running locally

To setup your local development environment for Angular DevTools, see DEVELOPING.md

Publish Angular DevTools

To publish Angular DevTools to Firefox or Chrome stores:

Update the version of the corresponding manifest file. Currently, Angular DevTools uses different versioning compared to the rest of the packages within the monorepo.

manifest.chrome.json for Chrome
manifest.firefox.json for Firefox

Build the extension:

yarn devtools:build:chrome for Chrome
yarn devtools:build:firefox for Firefox

Find the extension production assets in dist/bin/devtools/projects/shell-browser/src/prodapp relative to the root of the Angular monorepo
Zip the files in the directory
Upload them to the corresponding store

Firefox

Go to the Firefox Addons page
For email enter devrel@angular.io
Find the password on Valentine
Setup Google Authenticator with the 2FA QR code. You can find the QR code on Valentine

Chrome Web Store

Go to the extension page
Make sure your email is part of the Google Group we use for publishing the extension
Navigate to "Developer Dashboard"
Enter your account credentials
You should be able to change the publisher to "Angular"