C# WebView2のNavigateToStringで表示したHTMLでCSSが読み込まれません

お世話になっております。

表題の件につきまして、
Visual Studio 2019 で WebView2 を用いてウェブページを表示しようと試みています。
APIのレスポンスのHTMLをWebView2上に作成したボタン押下で表示しようとしているのですが、
内部で記述されているCSSが適用されていない状態となっています。
※CSSはサーバー上に置かれているファイルを参照しようとしています。

①NavigateToStringでHTMLを読み込んだ場合、CSSは読み込めないのでしょうか？
②読み込もうとしているCSSがサーバー上にある場合、読み込めないのでしょうか？
③上記①②に該当する場合、WebView2の代替案として何がありますでしょうか？

よろしくお願いいたします。

■開発環境
・VisualStudio2019
・WebView2：Ver 1.0.1264.42

C#
1public FormWebView2()
2{
3    InitializeComponent();
4    InitializeAsync();
5}
6
7async void InitializeAsync()
8{
9    await webView2.EnsureCoreWebView2Async(null);
10}
11
12private async void btn_Click(object sender, EventArgs e)
13{
14    string html = APIの処理
15    webView2.CoreWebView2.NavigateToString(html);
16}
17

html（APIの処理からのレスポンス）
1"<!DOCTYPE html>
2<html lang=\"ja\">
3
4<head>
5    ~~~
6    <link rel=\"stylesheet\" href=\"https://sample.xxx/style.css\">
7    ~~~
8</head>
9~~~

Zuishin

2022/07/08 03:25

https://github.com/MicrosoftEdge/WebView2Feedback/issues/692 読んでみてください。

test_admin

2022/07/08 04:08

リンクありがとうございます。なるほど、、、通常の書き方ではCSSを処理することができないため、 WebResourceRequestedイベントを用いて処理するということですね。ありがとうございます、検証してみます。

行動規範の内容に同意します

回答1件

自己解決

Zuishinさんから教えていただいた下記リンクで解決しました。
ありがとうございました。
https://github.com/MicrosoftEdge/WebView2Feedback/issues/692

C#
1public FormWebView2()
2{
3    InitializeComponent();
4    InitializeAsync();
5}
6
7async void InitializeAsync()
8{
9    await webView2.EnsureCoreWebView2Async(null);
10}
11
12// 追加
13private void FormWebView2_Load(object sender, EventArgs e)
14{
15    webView2.CoreWebView2InitializationCompleted += webView2CoreWebView2InitializationCompleted;
16}
17
18// 追加
19private void webView2CoreWebView2InitializationCompleted(object sender, EventArgs e)
20{
21    webView2.CoreWevView2.AddWebResourceRequestedFilter("*", CoreWebView2WebResourceContext.All);
22    webView2.CoreWebView2.WebResourceRequested += CoreWebView2_WebResourceRequested;
23}
24
25// 追加
26private void CoreWebView2_WebResourceRequested(object sender, CoreWebView2WebResourceRequestedEventArgs e)
27{
28    string strUri = e.Request.Uri;
29    using (WebClient wc = new WebClient())
30    using (Stream st = wc.OpenRead(uriString)
31    using (StreamReader sr = new StreamReader(st))
32    {
33        string data = sr.ReadToEnd();
34        e.Response = webView2.CoreWebView2.Environment.CreateWebResourceResponse(
35            Content: new MemoryStream(Encoding.UTF8.GetBytes(data)),
36            StatusCode: 200,
37            ReasonPhrase: "OK",
38            Headers: $"Content-Type: text/css");
39        )
40    }
41}
42
43private async void btn_Click(object sender, EventArgs e)
44{
45    string html = APIの処理
46    webView2.CoreWebView2.NavigateToString(html);
47}
48