mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
feat(devtools): adding firefox support (#44952)
* Updating manifest.json to new build structure * Adding doctype to pages to remove warnings PR Close #44952
This commit is contained in:
Sumit Arora
committed by
Jessica Janiuk
Jessica Janiuk
parent
9f1bcc7b93
commit
bc0b6fe67d
@@ -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": [
|
||||
"<all_urls>"
|
||||
],
|
||||
"js": [
|
||||
"runtime.js"
|
||||
],
|
||||
"run_at": "document_start"
|
||||
},
|
||||
{
|
||||
"matches": [
|
||||
"<all_urls>"
|
||||
],
|
||||
"js": [
|
||||
"ng-validate.js"
|
||||
],
|
||||
"run_at": "document_idle"
|
||||
}
|
||||
]
|
||||
"content_scripts": [{
|
||||
"matches": [
|
||||
"<all_urls>"
|
||||
],
|
||||
"js": [
|
||||
"app/ng_validate_bundle.js"
|
||||
],
|
||||
"run_at": "document_idle"
|
||||
}]
|
||||
}
|
||||
@@ -1,57 +1,60 @@
|
||||
<html>
|
||||
<head>
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
<!DOCTYPE html>
|
||||
|
||||
.header-text {
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
<head>
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.header-text {
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
.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;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="modal-content">
|
||||
<h4 class="header-text">Angular DevTools</h4>
|
||||
<div class="message">
|
||||
<span class="material-icons md-48">cancel</span>
|
||||
<p>This page is not using Angular, or it has a strict extension policy.</p>
|
||||
</div>
|
||||
<body>
|
||||
<div class="modal-content">
|
||||
<h4 class="header-text">Angular DevTools</h4>
|
||||
<div class="message">
|
||||
<span class="material-icons md-48">cancel</span>
|
||||
<p>This page is not using Angular, or it has a strict extension policy.
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,62 +1,66 @@
|
||||
<html>
|
||||
<head>
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
<!DOCTYPE html>
|
||||
|
||||
.header-text {
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
<head>
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.header-text {
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
.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;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="modal-content">
|
||||
<h4 class="header-text">Angular DevTools</h4>
|
||||
<div class="message">
|
||||
<span class="material-icons md-48">settings</span>
|
||||
<section>
|
||||
<p>
|
||||
Angular application running in <a href="https://angular.io/api/core/enableProdMode">production mode</a>.
|
||||
</p>
|
||||
<p>We recommend using DevTools with apps in dev mode, running <code>ng serve</code>.</p>
|
||||
</section>
|
||||
</div>
|
||||
<body>
|
||||
<div class="modal-content">
|
||||
<h4 class="header-text">Angular DevTools</h4>
|
||||
<div class="message">
|
||||
<span class="material-icons md-48">settings</span>
|
||||
<section>
|
||||
<p>
|
||||
Angular application running in <a href="https://angular.io/api/core/enableProdMode">production
|
||||
mode</a>.
|
||||
</p>
|
||||
<p>We recommend using DevTools with apps in dev mode, running
|
||||
<code>ng serve</code>.</p>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,70 +1,73 @@
|
||||
<html>
|
||||
<head>
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
<!DOCTYPE html>
|
||||
|
||||
.header-text {
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
<head>
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.header-text {
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
.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;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="modal-content">
|
||||
<h4 class="header-text">Angular DevTools</h4>
|
||||
<div class="message">
|
||||
<section class="section-content">
|
||||
<span class="material-icons md-48">check</span>
|
||||
<p>Angular application running development mode.</p>
|
||||
</section>
|
||||
<br />
|
||||
<section class="section-content">
|
||||
<span class="material-icons md-48">settings</span>
|
||||
<p>Open developer tools, and select the Angular tab.</p>
|
||||
</section>
|
||||
</div>
|
||||
<body>
|
||||
<div class="modal-content">
|
||||
<h4 class="header-text">Angular DevTools</h4>
|
||||
<div class="message">
|
||||
<section class="section-content">
|
||||
<span class="material-icons md-48">check</span>
|
||||
<p>Angular application running development mode.</p>
|
||||
</section>
|
||||
<br />
|
||||
<section class="section-content">
|
||||
<span class="material-icons md-48">settings</span>
|
||||
<p>Open developer tools, and select the Angular tab.</p>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,67 +1,69 @@
|
||||
<html>
|
||||
<head>
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
<!DOCTYPE html>
|
||||
|
||||
.header-text {
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
<head>
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.header-text {
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
.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;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="modal-content">
|
||||
<h4 class="header-text">Angular DevTools</h4>
|
||||
<div class="message">
|
||||
<section>
|
||||
<span class="material-icons md-48">check</span>
|
||||
<p>This page is using Angular.</p>
|
||||
</section>
|
||||
<section>
|
||||
<span class="material-icons md-48">settings</span>
|
||||
<p>You can use DevTools with Angular v9+ <a href="https://angular.io/guide/ivy">Ivy.</a></p>
|
||||
</section>
|
||||
</div>
|
||||
<body>
|
||||
<div class="modal-content">
|
||||
<h4 class="header-text">Angular DevTools</h4>
|
||||
<div class="message">
|
||||
<section>
|
||||
<span class="material-icons md-48">check</span>
|
||||
<p>This page is using Angular.</p>
|
||||
</section>
|
||||
<section>
|
||||
<span class="material-icons md-48">settings</span>
|
||||
<p>You can use DevTools with Angular v9+ <a href="https://angular.io/guide/ivy">Ivy.</a></p>
|
||||
</section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user