Diagram relation of WebView2 control, SDK, & Runtime

[mikehoffms]

Rendered article sections for review:

• Introduction to Microsoft Edge WebView2 > Overview of the components of the WebView2 platform

  • /webview2/index.md
  • Internal preview: https://review.learn.microsoft.com/microsoft-edge/webview2/index?branch=pr-en-us-2450#overview-of-the-components-of-the-webview2-platform
  • External preview: https://github.com/mikehoffms/edge-developer/blob/user/mikehoffms/wv2-intro-diagram/microsoft-edge/webview2/index.md#overview-of-the-components-of-the-webview2-platform
  • Before/live: https://learn.microsoft.com/microsoft-edge/webview2/#overview-of-the-components-of-the-webview2-platform
  • New section.

• Overview of the components of the WebView2 platform

  • /webview2/concepts/platform-components.md
  • Internal preview: https://review.learn.microsoft.com/microsoft-edge/webview2/concepts/platform-components?branch=pr-en-us-2450
  • External preview: https://github.com/mikehoffms/edge-developer/blob/user/mikehoffms/wv2-intro-diagram/microsoft-edge/webview2/concepts/platform-components.md
  • Planned live: https://learn.microsoft.com/microsoft-edge/webview2/concepts/platform-components
  • New article.

AB#43409312

[mikehoffms]

@nishitha-burman @peiche-jessica - pls review diagram:

.png link:
https://github.com/mikehoffms/edge-developer/blob/user/mikehoffms/wv2-intro-diagram/microsoft-edge/webview2/index-images/full-diagram.png

gh rendered:
https://github.com/mikehoffms/edge-developer/blob/user/mikehoffms/wv2-intro-diagram/microsoft-edge/webview2/index.md#full-diagram-of-webview2

eg how to describe relation of right-side blocks:

Native-side code | Web-side code

Native control instances | WebView2 control instances

Native-side code includes:

• Code that's related to WebView2
• Code that's not related to WebView2

[learn-build-service-prod]

Learn Build status updates of commit 41ab52e:

⚠️ Validation status: warnings

File	Status	Preview URL	Details
microsoft-edge/webview2/concepts/platform-components.md	⚠️Warning	View	Details
microsoft-edge/webview2/concepts/intro-diagrams-images/hostapp-wv2ctrl-httpserver.png	💡Suggestion	View	Details
microsoft-edge/webview2/concepts/platform-components-images/hostapp-wv2ctrl-httpserver.png	💡Suggestion	View	Details
microsoft-edge/toc.yml	✅Succeeded	View
microsoft-edge/webview2/concepts/browser-features.md	✅Succeeded	View
microsoft-edge/webview2/concepts/data-privacy.md	✅Succeeded	View
microsoft-edge/webview2/concepts/distribution.md	✅Succeeded	View
microsoft-edge/webview2/concepts/evergreen-vs-fixed-version.md	✅Succeeded	View
microsoft-edge/webview2/concepts/intro-diagrams-images/app-design.png	✅Succeeded	View
microsoft-edge/webview2/concepts/intro-diagrams-images/control-runtime-sdk.png	✅Succeeded	View
microsoft-edge/webview2/concepts/intro-diagrams-images/control-sdk-runtime.png	✅Succeeded	View
microsoft-edge/webview2/concepts/intro-diagrams-images/dev-side-user-side.png	✅Succeeded	View
microsoft-edge/webview2/concepts/intro-diagrams-images/distribute-runtime.png	✅Succeeded	View
microsoft-edge/webview2/concepts/intro-diagrams-images/full-diagram.png	✅Succeeded	View
microsoft-edge/webview2/concepts/intro-diagrams-images/resources.png	✅Succeeded	View
microsoft-edge/webview2/concepts/intro-diagrams-images/web-native.png	✅Succeeded	View
microsoft-edge/webview2/concepts/intro-diagrams-images/what-webview.png	✅Succeeded	View
microsoft-edge/webview2/concepts/platform-components-images/app-design.png	✅Succeeded	View
microsoft-edge/webview2/concepts/platform-components-images/control-runtime-sdk.png	✅Succeeded	View
microsoft-edge/webview2/concepts/platform-components-images/control-sdk-runtime.png	✅Succeeded	View
microsoft-edge/webview2/concepts/platform-components-images/dev-side-user-side.png	✅Succeeded	View
microsoft-edge/webview2/concepts/platform-components-images/distribute-runtime.png	✅Succeeded	View
microsoft-edge/webview2/concepts/platform-components-images/resources.png	✅Succeeded	View
microsoft-edge/webview2/concepts/versioning.md	✅Succeeded	View
microsoft-edge/webview2/how-to/context-menus.md	✅Succeeded	View

This comment lists only the first 25 files in the pull request.

microsoft-edge/webview2/concepts/platform-components.md

• Line 220, Column 3: [Warning: bookmark-not-found - See documentation] Cannot find bookmark '#understanding-the-options-at-the-runtime-download-page' in 'webview2/concepts/distribution.md'.
• Line 248, Column 3: [Warning: bookmark-not-found - See documentation] Cannot find bookmark '#understanding-the-options-at-the-runtime-download-page' in 'webview2/concepts/distribution.md'.
• Line 6, Column 11: [Suggestion: value-deprecated-replace - See documentation] The 'ms.topic: conceptual' you used is now deprecated and can no longer be used. We suggest you replace it with 'ms.topic: article'.

microsoft-edge/webview2/concepts/intro-diagrams-images/hostapp-wv2ctrl-httpserver.png

• Line 0, Column 0: [Suggestion: image-name-incomplete - See documentation] The image name contains an incomplete word, misspelled word, acronym, or abbreviation that is disallowed.

microsoft-edge/webview2/concepts/platform-components-images/hostapp-wv2ctrl-httpserver.png

• Line 0, Column 0: [Suggestion: image-name-incomplete - See documentation] The image name contains an incomplete word, misspelled word, acronym, or abbreviation that is disallowed.

For more details, please refer to the build report.

Note: Your PR may contain errors or warnings or suggestions unrelated to the files you changed. This happens when external dependencies like GitHub alias, Microsoft alias, cross repo links are updated. Please use these instructions to resolve them.

[learn-build-service-prod]

PoliCheck Scan Report

The following report lists PoliCheck issues in PR files. Before you merge the PR, you must fix all severity-1 and severity-2 issues. The AI Review Details column lists suggestions for either removing or replacing the terms. If you find a false positive result, mention it in a PR comment and include this text: #policheck-false-positive. This feedback helps reduce false positives in future scans.

✅ No issues found

More information about PoliCheck

Information: PoliCheck | Severity Guidance | Term
For any questions: Try searching the learn.microsoft.com contributor guides or post your question in the Learn support channel.

[learn-build-service-prod]

Learn Build status updates of commit abc57f8:

⚠️ Validation status: warnings

File	Status	Preview URL	Details
microsoft-edge/webview2/concepts/platform-components.md	⚠️Warning	View	Details
microsoft-edge/webview2/concepts/intro-diagrams-images/hostapp-wv2ctrl-httpserver.png	💡Suggestion	View	Details
microsoft-edge/webview2/concepts/platform-components-images/hostapp-wv2ctrl-httpserver.png	💡Suggestion	View	Details
microsoft-edge/toc.yml	✅Succeeded	View
microsoft-edge/webview2/concepts/browser-features.md	✅Succeeded	View
microsoft-edge/webview2/concepts/data-privacy.md	✅Succeeded	View
microsoft-edge/webview2/concepts/distribution.md	✅Succeeded	View
microsoft-edge/webview2/concepts/evergreen-vs-fixed-version.md	✅Succeeded	View
microsoft-edge/webview2/concepts/intro-diagrams-images/app-design.png	✅Succeeded	View
microsoft-edge/webview2/concepts/intro-diagrams-images/control-runtime-sdk.png	✅Succeeded	View
microsoft-edge/webview2/concepts/intro-diagrams-images/control-sdk-runtime.png	✅Succeeded	View
microsoft-edge/webview2/concepts/intro-diagrams-images/dev-side-user-side.png	✅Succeeded	View
microsoft-edge/webview2/concepts/intro-diagrams-images/distribute-runtime.png	✅Succeeded	View
microsoft-edge/webview2/concepts/intro-diagrams-images/full-diagram.png	✅Succeeded	View
microsoft-edge/webview2/concepts/intro-diagrams-images/resources.png	✅Succeeded	View
microsoft-edge/webview2/concepts/intro-diagrams-images/web-native.png	✅Succeeded	View
microsoft-edge/webview2/concepts/intro-diagrams-images/what-webview.png	✅Succeeded	View
microsoft-edge/webview2/concepts/platform-components-images/app-design.png	✅Succeeded	View
microsoft-edge/webview2/concepts/platform-components-images/control-runtime-sdk.png	✅Succeeded	View
microsoft-edge/webview2/concepts/platform-components-images/control-sdk-runtime.png	✅Succeeded	View
microsoft-edge/webview2/concepts/platform-components-images/dev-side-user-side.png	✅Succeeded	View
microsoft-edge/webview2/concepts/platform-components-images/distribute-runtime.png	✅Succeeded	View
microsoft-edge/webview2/concepts/platform-components-images/resources.png	✅Succeeded	View
microsoft-edge/webview2/concepts/versioning.md	✅Succeeded	View
microsoft-edge/webview2/how-to/context-menus.md	✅Succeeded	View

This comment lists only the first 25 files in the pull request.

microsoft-edge/webview2/concepts/platform-components.md

• Line 220, Column 3: [Warning: bookmark-not-found - See documentation] Cannot find bookmark '#understanding-the-options-at-the-runtime-download-page' in 'webview2/concepts/distribution.md'.
• Line 248, Column 3: [Warning: bookmark-not-found - See documentation] Cannot find bookmark '#understanding-the-options-at-the-runtime-download-page' in 'webview2/concepts/distribution.md'.

microsoft-edge/webview2/concepts/intro-diagrams-images/hostapp-wv2ctrl-httpserver.png

• Line 0, Column 0: [Suggestion: image-name-incomplete - See documentation] The image name contains an incomplete word, misspelled word, acronym, or abbreviation that is disallowed.

microsoft-edge/webview2/concepts/platform-components-images/hostapp-wv2ctrl-httpserver.png

• Line 0, Column 0: [Suggestion: image-name-incomplete - See documentation] The image name contains an incomplete word, misspelled word, acronym, or abbreviation that is disallowed.

For more details, please refer to the build report.

Note: Your PR may contain errors or warnings or suggestions unrelated to the files you changed. This happens when external dependencies like GitHub alias, Microsoft alias, cross repo links are updated. Please use these instructions to resolve them.