diff --git a/aio/content/guide/devtools.md b/aio/content/guide/devtools.md index 09ef2a15a00..03f914e1953 100644 --- a/aio/content/guide/devtools.md +++ b/aio/content/guide/devtools.md @@ -1,7 +1,7 @@ # DevTools Overview Angular DevTools is a browser extension that provides debugging and profiling capabilities for Angular applications. -Angular DevTools supports Angular v12 and later. +Angular DevTools supports Angular v12 and later when compiled with the [optimization configuration option](guide/workspace-config#optimization-configuration) disabled ({optimization:false}).
diff --git a/devtools/projects/ng-devtools/src/lib/devtools.component.html b/devtools/projects/ng-devtools/src/lib/devtools.component.html index 4fa3eadd942..678d0d82458 100644 --- a/devtools/projects/ng-devtools/src/lib/devtools.component.html +++ b/devtools/projects/ng-devtools/src/lib/devtools.component.html @@ -11,8 +11,8 @@ -

- We detected an application built with production configuration. Angular DevTools only supports builds where optimization is set to false. +

+ We detected an application built with production configuration. Angular DevTools only supports development build.

diff --git a/devtools/projects/ng-devtools/src/lib/devtools.component.scss b/devtools/projects/ng-devtools/src/lib/devtools.component.scss index e1802d9ac55..d652ad40ceb 100644 --- a/devtools/projects/ng-devtools/src/lib/devtools.component.scss +++ b/devtools/projects/ng-devtools/src/lib/devtools.component.scss @@ -66,6 +66,7 @@ font-size: 1.2em; padding: 5px; text-align: center; + cursor: help; .info-icon { display: inline-block;