Skip to main content
2 / 3
本文に 72 文字追加

WebView2コントロールでInnterTextの更新が出来ない

C#のWinFormでWebView2を使った開発をしています。
WebhookやGraph APIが使えないため、Microsoft Teamsに返信する処理をWebブラウザ経由で実現したいと考えています。

実行環境:Windows 10
開発環境:Visual Studio 2022
フレームワーク:.Net Framework 4.8

下記のようにinnerTextを書き換えようとしているのですが、JavaScriptを実行した後の戻り値は「bbb」になっているのに再度HTMLを取得しても変更前の値のままとなっています。(画面上もaaaのまま)
数日試行錯誤していますが解決できず、WebView2に関するノウハウがネット上にもほとんど無く行き詰っています。
お知恵を貸していただけないでしょうか。

<div id="new-message-12345678-9012-3456-7890-bcab739bbffa" placeholder="返信" tabindex="0" data-tid="ckeditor" data-is-focusable="true" class="ck ck-content ck-editor__editable ck-rounded-corners ck-editor__editable_inline ck-blurred" lang="en" dir="ltr" role="textbox" contenteditable="true" data-tabster="{&quot;focusable&quot;:{&quot;isDefault&quot;:true}, &quot;observed&quot;:{&quot;names&quot;:[&quot;chat-input&quot;]}}" style="overflow:hidden;" aria-label="返信">
    <p data-placeholder="返信">aaa</p>
</div>

■C#

string replyId = "new-message-12345678-9012-3456-7890-bcab739bbffa";
string html = await teamsWebView2.ExecuteScriptAsync("document.getElementById('" + replyId + "').getElementsByTagName('p')[0].innerText;");
// 「aaa」が返る

string script = "document.getElementById('" + replyId + "').getElementsByTagName('p')[0].innerText = 'bbb';";
string result = await teamsWebView2.ExecuteScriptAsync(script);
// resultには「bbb」が返る

html = await teamsWebView2.ExecuteScriptAsync("document.getElementById('" + replyId + "').innerHTML;");
// 「aaa」が返る