New article "Simulate the Window Controls Overlay API without installing your PWA"

[mikehoffms]

Rendered articles for review:

• Simulate the Window Controls Overlay API without installing your PWA - new article in DevTools TOC bucket.

  • https://review.learn.microsoft.com/microsoft-edge/devtools-guide-chromium/progressive-web-apps/simulate-window-controls-overlay?branch=pr-en-us-3157
  • Planned live

• Display content in the title bar area using Window Controls Overlay - updated article.

  • Intro - put summary first.
    • https://review.learn.microsoft.com/microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay?branch=pr-en-us-3157
    • Before/Live
  • Demo app h2 section - added details.
    • https://review.learn.microsoft.com/microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay?branch=pr-en-us-3157#demo-app
    • Before/live
  • Preview the custom overlay without installing the PWA - new section.
    • https://review.learn.microsoft.com/microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay?branch=pr-en-us-3157#preview-the-custom-overlay-without-installing-the-pwa
    • Planned live

• What's New in DevTools (Microsoft Edge 121) > Tooling for PWA Window Controls Overlay - linked to new article.

  • https://review.learn.microsoft.com/microsoft-edge/devtools-guide-chromium/whats-new/2024/01/devtools-121?branch=pr-en-us-3157#tooling-for-pwa-window-controls-overlay
  • Before/Live

• Define icons and a theme color > Choose a theme color - At end of section, made link text match destination heading; rewrote; added subheading Display app content in the title bar area.

  • https://review.learn.microsoft.com/microsoft-edge/progressive-web-apps-chromium/how-to/icon-theme-color?branch=pr-en-us-3157#choose-a-theme-color
  • Before/Live

• What's New in Progressive Web Apps > What's New in Microsoft Edge 121 - new section.

  • https://review.learn.microsoft.com/microsoft-edge/progressive-web-apps-chromium/whats-new/pwa?branch=pr-en-us-3157#whats-new-in-microsoft-edge-121
  • Planned live

AB#50874955

[learn-build-service-prod]

Learn Build status updates of commit 09e4af8:

✅ Validation status: passed

File	Status	Preview URL	Details
microsoft-edge/devtools-guide-chromium/progressive-web-apps/simulate-window-controls-overlay.md	✅Succeeded	View
microsoft-edge/devtools-guide-chromium/progressive-web-apps/simulate-window-controls-overlay-images/1div-demo-app.png	✅Succeeded	View
microsoft-edge/devtools-guide-chromium/progressive-web-apps/simulate-window-controls-overlay-images/demo-with-overlay.png	✅Succeeded	View
microsoft-edge/devtools-guide-chromium/progressive-web-apps/simulate-window-controls-overlay-images/more-tools-icon.png	✅Succeeded	View
microsoft-edge/devtools-guide-chromium/progressive-web-apps/simulate-window-controls-overlay-images/pwa-window-controls.png	✅Succeeded	View
microsoft-edge/devtools-guide-chromium/whats-new/2024/01/devtools-121.md	✅Succeeded	View
microsoft-edge/progressive-web-apps-chromium/demo-pwas.md	✅Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/best-practices.md	✅Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/icon-theme-color.md	✅Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay.md	✅Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay-images/app-available-install-icon.png	✅Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay-images/app-installed-dialog.png	✅Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay-images/close-icon.png	✅Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay-images/hide-title-bar-icon.png	✅Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay-images/minimize-icon.png	✅Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay-images/restore-icon.png	✅Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay-images/settings-and-more-icon.png	✅Succeeded	View
microsoft-edge/progressive-web-apps-chromium/whats-new/pwa.md	✅Succeeded	View
microsoft-edge/toc.yml	✅Succeeded	View

For more details, please refer to the build report.

For any questions, please:

• Try searching the learn.microsoft.com contributor guides
• Post your question in the Learn support channel