diff --git a/README.md b/README.md index 431fe04..8fe6b27 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,6 @@ +> [!WARNING] +> The Chrome team has been working hard to bring the best of the Web Vitals extension directly into the DevTools Performance panel. As of Chrome version 132, which became stable on January 7, 2025, we have finally ended support for the extension and encourage all users to switch to DevTools. Be aware that extension updates will stop and features may break without notice. [Learn more](https://developer.chrome.com/blog/web-vitals-extension) + # Web Vitals Chrome Extension *A Chrome extension to measure metrics for a healthy site* [Install now](https://chrome.google.com/webstore/detail/web-vitals/ahfhijdlegdabablpippeagghigmibma) diff --git a/manifest.json b/manifest.json index c401f1f..606ca47 100755 --- a/manifest.json +++ b/manifest.json @@ -1,6 +1,6 @@ { "name": "Web Vitals", - "version": "1.5.3", + "version": "1.6.0", "manifest_version": 3, "description": "Measure metrics for a healthy site", "homepage_url": "https://web.dev/articles/vitals", diff --git a/package.json b/package.json index 61cfd7e..5eeae9f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "web-vitals-extension", - "version": "1.5.3", + "version": "1.6.0", "description": "Instant Web Vitals metrics", "main": "src/browser_action/vitals.js", "repository": "https://github.com/GoogleChrome/web-vitals-extension", diff --git a/src/browser_action/core.css b/src/browser_action/core.css index bc534a0..cc54107 100644 --- a/src/browser_action/core.css +++ b/src/browser_action/core.css @@ -395,3 +395,24 @@ .web-vitals-chrome-extension-popup #settings-link a:hover svg { color: blue; } + +.web-vitals-chrome-extension-popup #eol-notice { + border: 4px solid var(--color-needs-improvement); + margin: auto 20px; + padding: 0 30px; + font-size: 1.2rem; + line-height: 1.8rem; +} +.web-vitals-chrome-extension-popup #eol-notice::backdrop { + backdrop-filter: blur(1px); +} +.web-vitals-chrome-extension-popup button.danger { + background-color: var(--color-needs-improvement); + border: none; +} +.web-vitals-chrome-extension-popup #eol-notice > :first-child { + margin-top: 30px; +} +.web-vitals-chrome-extension-popup #eol-notice > :last-child { + margin-bottom: 30px; +} diff --git a/src/browser_action/crux.js b/src/browser_action/crux.js index cff6924..6327c8e 100644 --- a/src/browser_action/crux.js +++ b/src/browser_action/crux.js @@ -11,7 +11,6 @@ export class CrUX { const origin = urlHelper.origin; return CrUX.query({url, formFactor}).catch(e =>{ - console.warn('CrUX URL data unavailable', e); // If URL data is unavailable, fall back to the origin. return CrUX.query({origin, formFactor}); }); diff --git a/src/browser_action/popup.html b/src/browser_action/popup.html index 432fc91..4dfe5af 100644 --- a/src/browser_action/popup.html +++ b/src/browser_action/popup.html @@ -80,6 +80,19 @@