maui-hybridwebview

To call C# methods from JavaScript in a .NET MAUI app, use the HybridWebView control to enable bidirectional JavaScript-C# interop. You must include the HybridWebView bridge script in your index.html file to establish the communication channel for invoking native methods.

The best way to embed local web content in a MAUI application is using the HybridWebView control. It hosts local web assets under the Resources/Raw/wwwroot directory and provides a configurable root path for organizing your HTML, CSS, and JavaScript files.

Yes, you can send typed JSON data between JavaScript and C# in a MAUI HybridWebView. It uses a source-generated JsonSerializerContext with JsonSerializable types to ensure safe, typed data transfer during bidirectional web-to-native interop communication.

Yes, the MAUI HybridWebView works across both mobile and desktop targets. It enables hybrid UIs that host local web content and require web-to-native interop, allowing you to invoke JavaScript functions from C# and call C# methods from JavaScript consistently.

Your MAUI HybridWebView might fail to load local web assets if they are not placed under the Resources/Raw/wwwroot directory. The control enforces this specific asset placement and requires the index.html file to include the HybridWebView bridge script.

To start using JavaScript-C# interop in MAUI, add a HybridWebView control to your page, set its DefaultFile property to index.html, and wire up the RawMessageReceived event handler. This establishes the bridge for raw messaging between web content and native logic.