Skip to main content

[better] - Evergreen Webview2

Evergreen WebView2 is a distribution mode that allows your application to use a shared, automatically updated runtime

. Unlike the "Fixed Version" mode, Evergreen ensures your app always has the latest security patches, web features, and performance improvements without requiring you to manually push updates. Microsoft Learn 🚀 Why Use Evergreen? Zero Maintenance:

Updates are handled by Microsoft, similar to how the Edge browser updates. Disk Efficiency:

Multiple apps share the same runtime binaries, significantly reducing the storage footprint compared to packaging a dedicated browser for every app.

Critical security vulnerabilities are patched automatically, reducing the risk for your end users. OS Integrated:

It is pre-installed on Windows 11 and recent versions of Windows 10. Microsoft Learn 🛠️ Implementation Steps 1. Set Up the Environment

Distribute your app and the WebView2 Runtime - Microsoft Learn

Evergreen WebView2 Runtime is a distribution model for the Microsoft Edge WebView2

control that ensures your application always uses the most recent and secure version of the browser engine. Microsoft Developer Executive Summary In the Evergreen model, the WebView2 Runtime is

bundled with your application. Instead, it is installed once on a client machine and shared across all applications that use it (such as Microsoft Teams or Outlook). Microsoft manages the updates for this runtime automatically, similar to how the Microsoft Edge browser is updated. Microsoft Learn Key Benefits Security & Compliance

: Applications automatically receive the latest security patches and feature updates without developer intervention. Reduced Disk Footprint

: Since the runtime is shared among multiple apps, it saves significant storage space compared to bundling a unique "fixed version" for every program. Low Maintenance evergreen webview2

: Developers do not need to ship new versions of their application just to update the underlying web engine. Microsoft Developer Technical Characteristics Microsoft Edge WebView2

Once upon a time in the bustling city of Windows, a developer named Alex was building a grand new application. Alex wanted a window that could show the magic of the web without carrying the weight of a whole browser in their suitcase.

Alex discovered a companion named Evergreen WebView2. Unlike the "Fixed Version" travelers who had to carry their own heavy tools everywhere they went, Evergreen was light on its feet. It shared a single, powerful engine already built into the city’s foundations—Windows 11. The Secret of Eternal Youth

The true power of Evergreen was its ability to stay young forever. While other apps grew old and vulnerable to the bugs of the world, Evergreen received mysterious packages from the Microsoft Edge Updater. These packages contained the latest security shields and web standard scrolls, keeping Alex's app safe and modern without Alex ever lifting a finger. The Great Balancing Act

But being Evergreen wasn't without its trials. Because it was always changing, Alex had to be a watchful guardian. They practiced the "Ancient Rites of Development": Evergreen webView2 runtime compatability issue? #2210

What is Evergreen WebView2?

Evergreen WebView2 is a runtime environment that allows developers to embed a modern web browser, specifically Microsoft Edge, into their desktop applications. This enables the use of web technologies such as HTML, CSS, and JavaScript to build desktop applications.

Key Features:

  1. Evergreen: WebView2 is an "evergreen" technology, meaning that it automatically updates to the latest version of Microsoft Edge, ensuring that the embedded browser stays current with the latest security patches, features, and performance enhancements.
  2. WebView2: Built on top of the Microsoft Edge browser, WebView2 provides a set of APIs and tools to integrate the browser into desktop applications, allowing developers to leverage web technologies for building desktop apps.

Interesting Review:

Here's an interesting review of Evergreen WebView2:

Pros:

  1. Seamless integration: Evergreen WebView2 allows for a seamless integration of the Microsoft Edge browser into desktop applications, providing a native-like experience for users.
  2. Easy updates: The evergreen nature of WebView2 ensures that the embedded browser stays up-to-date with the latest security patches and features, reducing maintenance efforts for developers.
  3. Web tech support: Developers can leverage web technologies such as HTML, CSS, and JavaScript to build desktop applications, which can reduce development time and costs.

Cons:

  1. Limited control: By using an evergreen technology, developers may have limited control over the browser version and configuration, which could lead to compatibility issues with certain applications.
  2. Resource-intensive: Embedding a full-fledged browser into a desktop application can be resource-intensive, potentially impacting application performance.

Use Cases:

Evergreen WebView2 is suitable for various use cases, including:

  1. Desktop applications: Embed a modern web browser into desktop applications to provide a rich, web-based experience for users.
  2. Electronics and IoT: Use WebView2 to build user interfaces for electronics and IoT devices, leveraging web technologies for development.
  3. Enterprise applications: Integrate WebView2 into enterprise applications to provide a secure, managed browser experience for users.

Overall, Evergreen WebView2 offers an exciting opportunity for developers to build desktop applications using web technologies, with the benefits of a seamless, evergreen browser integration.

Would you like to know more about Evergreen WebView2 or is there a specific aspect you'd like me to expand on?

1. Version Locking for Compliance

Problem: If your app relies on a specific behavior that changes in a new Chromium version (e.g., a removed API or a rendering bug fix), Evergreen will update and potentially break your app. Solution: You can use the CoreWebView2EnvironmentOptions.TargetCompatibleBrowserVersion to request a specific version. However, if the runtime updates past your target, you get a VersionMismatch error. For critical industries (medical devices, avionics), use Fixed Version.

References

  1. Microsoft. (2024). Introduction to Microsoft Edge WebView2. Microsoft Learn.
  2. Microsoft. (2023). Distribution models for WebView2 applications.
  3. C. Jackson. (2022). “Chromium Embedded vs WebView2: Performance analysis.” Windows Developer Blog.
  4. WebView2 Feedback. (2024). Evergreen runtime reliability data. GitHub.

Evergreen WebView2: A Comprehensive Overview Microsoft’s Evergreen WebView2 Runtime

is the recommended distribution model for developers looking to embed web content into native Windows applications. Unlike fixed versions, the Evergreen model ensures that the underlying web platform—powered by Chromium-based Microsoft Edge—stays current with the latest features, bug fixes, and security patches without requiring manual intervention from the developer. 1. Key Benefits Automatic Updates

: The runtime updates itself automatically on client machines, ensuring your app always runs on the most secure and modern web engine. Reduced Disk Footprint

: Because multiple applications can share a single Evergreen installation, it significantly reduces the storage space required on a user’s device compared to bundling a dedicated "Fixed Version" for every app. Performance Optimization

: On supported systems, the Evergreen WebView2 binaries are hard-linked with Microsoft Edge binaries, leading to better memory and performance efficiency. Forward Compatibility Evergreen WebView2 is a distribution mode that allows

: Developers can push app updates that utilize the latest WebView2 APIs from the most recent SDK, confident that the runtime will support them. 2. Distribution & Installation

The Evergreen Runtime can be deployed to client machines in several ways: Evergreen Bootstrapper

: A small installer that downloads and installs the runtime over the internet during your app's setup. Evergreen Standalone Installer

: A full installer that can be used for offline deployments or environments with restricted internet access. Built-in OS Support Windows 11

and later, the Evergreen WebView2 Runtime is included as part of the operating system, though it still receives automatic updates. 3. Developer Considerations

While the Evergreen model is the standard, developers should be aware of a few logistical factors:

Evergreen webView2 runtime compatability issue? #2210 - GitHub

Part 4: Real-World Use Cases for Evergreen WebView2

Let’s move from theory to practice. Where does this technology shine brightest?

Custom User Data Folders

Evergreen does not prevent you from isolating profiles. For a multi-tenant app, you can launch different WebView2 instances with different user data folders, leveraging the same shared runtime binaries.

var options = new CoreWebView2EnvironmentOptions();
var env = await CoreWebView2Environment.CreateAsync(
    userDataFolder: @"C:\AppData\UserA"
);

3. Dependency on Microsoft’s Schedule

Problem: Microsoft pushes Edge updates every 4 weeks. You cannot delay an update company-wide without enterprise Group Policies. Solution: In enterprise environments, IT admins can control Edge update policies. For individual app developers, you must accept Microsoft’s cadence.