Microsoft Edge 134 introduces the `` tag, allowing developers to customize the title bar text of installed web applications. This enhancement improves user experience by enabling distinct title content for standalone apps versus browser tabs, eliminating redundancy and refining UI presentation.
Control Your Installed Web Application Title with Microsoft Edge
Microsoft Edge has just rolled out a game-changing feature for developers. Starting with version 134, the new HTML meta tag, <meta name="application-title">, allows you to control the title displayed in your installed web applications. This update is set to enhance user experience significantly.
What’s New?
The introduction of the application-title meta tag is a big deal. Previously, the title bar of installed web applications displayed the content from the <title> HTML element. This often led to repetitive and cluttered titles. Now, developers can customize the title bar text specifically for installed applications.
“Developers usually want to display different text content for when their app is displayed in a browser tab vs. when it’s installed.”
Major Updates
Before this update, the title bar would show the app name followed by the page title. For example, a TODO list app would display:
“TODO app – My personal list – 4 tasks to do – 2 tasks done | TODO app”
This repetition could confuse users. With the new meta tag, developers can now streamline the title. For instance, the same app can simply show:
“TODO app – My personal list”
What’s Important to Know?
This new functionality is not just about aesthetics. It enhances user experience by providing clarity. Users will appreciate a cleaner title bar that reflects the current context of the application. Moreover, it eliminates the need for JavaScript to dynamically change the app’s name.
To implement this, developers can easily add the following line to their HTML:
<meta name='application-title' content='My personal list'>This feature is available in Microsoft Edge and other Chromium-based browsers. It’s a step toward a more polished and user-friendly web application experience.
For developers eager to explore this new feature, check out the application-title documentation on MDN and try out the sample application provided.
As always, feedback is encouraged. Share your thoughts with the Edge team through the Help and feedback section in the browser. Happy coding!
From the Windows Blog
Windows Server Devices Now Recognized as a New OS in Intune Microsoft has announced that Windows Server devices are Read more
Microsoft Power Platform is leading the way in AI-generated low-code app development. With the help of AI, users can quickly Read more
Microsoft Intune is an enterprise mobility management platform that helps organizations manage mobile devices, applications, and data. The October edition Read more
Microsoft Intune has released its November edition, featuring new updates to help IT admins better manage their organization’s mobile devices. Read more
