diff --git a/devtools/projects/shell-browser/src/manifest/manifest.firefox.json b/devtools/projects/shell-browser/src/manifest/manifest.firefox.json index e094b9177de..14afd919d63 100644 --- a/devtools/projects/shell-browser/src/manifest/manifest.firefox.json +++ b/devtools/projects/shell-browser/src/manifest/manifest.firefox.json @@ -11,24 +11,16 @@ "128": "assets/icon128.png" }, "browser_action": { - "default_icon": { - "16": "assets/icon16.png", - "48": "assets/icon48.png", - "128": "assets/icon128.png" - }, - "default_popup": "popups/not-angular.html", - "browser_style": true + "default_popup": "popups/not-angular.html" }, "devtools_page": "devtools.html", "web_accessible_resources": [ - "backend.js", - "runtime.js", + "app/backend_bundle.js", "devtools.html" ], "background": { "scripts": [ - "background.js", - "runtime.js" + "app/background_bundle.js" ] }, "permissions": [ @@ -37,24 +29,13 @@ "https://*/*", "file:///*" ], - "content_scripts": [ - { - "matches": [ - "" - ], - "js": [ - "runtime.js" - ], - "run_at": "document_start" - }, - { - "matches": [ - "" - ], - "js": [ - "ng-validate.js" - ], - "run_at": "document_idle" - } - ] + "content_scripts": [{ + "matches": [ + "" + ], + "js": [ + "app/ng_validate_bundle.js" + ], + "run_at": "document_idle" + }] } \ No newline at end of file diff --git a/devtools/projects/shell-browser/src/popups/not-angular.html b/devtools/projects/shell-browser/src/popups/not-angular.html index 5d669709126..9910bc0ddc1 100644 --- a/devtools/projects/shell-browser/src/popups/not-angular.html +++ b/devtools/projects/shell-browser/src/popups/not-angular.html @@ -1,57 +1,60 @@ - - - - + - .modal-content { - min-width: 300px; - padding: 10px; - } - - .icon { - width: 20px; - margin-right: 16px; - } - - .message { - display: flex; - align-items: center; - padding: 5px; - } - - code { - font-size: 1em; - font-family: monospace; - } - - p:not(:last-child) { - margin-bottom: 10px; - } - - .material-icons { - color: rgb(107, 107, 107); - margin-right: 7px; - } - - - - -
-

Angular DevTools

-
- cancel -

This page is not using Angular, or it has a strict extension policy.

-
+ +
+

Angular DevTools

+
+ cancel +

This page is not using Angular, or it has a strict extension policy. +

- - +
+ + + \ No newline at end of file diff --git a/devtools/projects/shell-browser/src/popups/production.html b/devtools/projects/shell-browser/src/popups/production.html index f0ad1ee86da..ae5e7ba6b2f 100644 --- a/devtools/projects/shell-browser/src/popups/production.html +++ b/devtools/projects/shell-browser/src/popups/production.html @@ -1,62 +1,66 @@ - - - - + - .modal-content { - min-width: 300px; - padding: 10px; - } - - .icon { - width: 20px; - margin-right: 16px; - } - - .message { - display: flex; - align-items: center; - padding: 5px; - } - - code { - font-size: 1em; - font-family: monospace; - } - - p:not(:last-child) { - margin-bottom: 10px; - } - - .material-icons { - color: rgb(107, 107, 107); - margin-right: 10px; - } - - - - -
-

Angular DevTools

-
- settings -
-

- Angular application running in production mode. -

-

We recommend using DevTools with apps in dev mode, running ng serve.

-
-
+ +
+

Angular DevTools

+
+ settings +
+

+ Angular application running in production + mode. +

+

We recommend using DevTools with apps in dev mode, running + ng serve.

+
- - +
+ + + \ No newline at end of file diff --git a/devtools/projects/shell-browser/src/popups/supported.html b/devtools/projects/shell-browser/src/popups/supported.html index 82d51b18b63..b657d1e944c 100644 --- a/devtools/projects/shell-browser/src/popups/supported.html +++ b/devtools/projects/shell-browser/src/popups/supported.html @@ -1,70 +1,73 @@ - - - - + - .modal-content { - min-width: 300px; - padding: 10px; - } - - .icon { - width: 20px; - margin-right: 16px; - } - - .message { - display: flex; - flex-direction: column; - align-items: center; - padding: 5px; - } - .section-content { - display: flex; - justify-content: center; - align-items: center; - } - - code { - font-size: 1em; - font-family: monospace; - } - - p:not(:last-child) { - margin-bottom: 10px; - } - - .material-icons { - color: rgb(107, 107, 107); - margin-right: 7px; - } - - - - -
-

Angular DevTools

-
-
- check -

Angular application running development mode.

-
-
-
- settings -

Open developer tools, and select the Angular tab.

-
-
+ +
+

Angular DevTools

+
+
+ check +

Angular application running development mode.

+
+
+
+ settings +

Open developer tools, and select the Angular tab.

+
- - +
+ + + \ No newline at end of file diff --git a/devtools/projects/shell-browser/src/popups/unsupported.html b/devtools/projects/shell-browser/src/popups/unsupported.html index 3fa89715ce0..11b51298c22 100644 --- a/devtools/projects/shell-browser/src/popups/unsupported.html +++ b/devtools/projects/shell-browser/src/popups/unsupported.html @@ -1,67 +1,69 @@ - - - - + - .modal-content { - min-width: 300px; - padding: 10px; - } - - .icon { - width: 20px; - margin-right: 16px; - } - - .message { - padding: 5px; - } - - section { - display: flex; - align-items: center; - margin-bottom: 10px; - } - - code { - font-size: 1em; - font-family: monospace; - } - - p:not(:last-child) { - margin-bottom: 10px; - } - - .material-icons { - color: rgb(107, 107, 107); - margin-right: 7px; - } - - - - -
-

Angular DevTools

-
-
- check -

This page is using Angular.

-
-
- settings -

You can use DevTools with Angular v9+ Ivy.

-
-
+ +
+

Angular DevTools

+
+
+ check +

This page is using Angular.

+
+
+ settings +

You can use DevTools with Angular v9+ Ivy.

+
- - +
+ + + \ No newline at end of file