0

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」が返る
6
  • こんなページが参考になるのでは? WebView2コントロールによるHTML要素の操作, WebBrowserからWebView2へ(4), WebBrowserからWebView2へ(5) 後はCopilotでWebView2 ExecuteScriptAsync html innerText 書き換え 更新されたことを確認する方法は有るか?と聞くと MutationObserver を使用する例が返されてきます。メソッド名的にも非同期なので、直ぐに実行されたとは限らないのでしょう。
    – kunif
    Commented 3月22日 6:13
  • @kunif さん わざわざCopilotにまで聞いていただき、ありがとうございます。一般的なWebView2の使い方サイトは見ていて、ページの値取得は問題なく出来ているのですが、値の更新が上手く行かない状況です。リンクしていただいたページも解決につながりませんでした。
    – okaken
    Commented 3月22日 6:25
  • もしかして XY問題 ですかね? 細かい何かの使い方ではなくて、もっと大前提的なテーマが何であるかから段階的に掘り下げた方が良いかもしれませんね。例えばTeamsで動作するチャットボット的な何かを作りたいとかでしょうか? Teams 用のボットを構築する
    – kunif
    Commented 3月22日 6:54
  • @kunif さん いえ、私は会社のOffice管理者でなく、Botも登録できません。そのため、WEBブラウザで手動できる操作を自動化したいと考えています
    – okaken
    Commented 3月22日 7:54
  • 1
    そういう操作の自動化ならWebView2を使うほどでは無く、MSならPowerAutomateとか、あるいはそれも管理者権限などの制約があるとしたら、他にはAutoHotKeyとかPyAutoGUIとかのRPAソフトで処理することが出来るのではありませんか?
    – kunif
    Commented 3月22日 15:22

1 件の回答 1

1

下記のようにinnerTextを書き換えようとしているのですが、JavaScriptを実行した後の戻り値は「bbb」になっているのに再度HTMLを取得しても変更前の値のままとなっています。(画面上もaaaのまま)

やり方の問題ではないのですか? 自分が試した限りでは期待通り書き換えられてますし、

画像の説明をここに入力

WebView2 上の表示も bbb に変わってます。

画像の説明をここに入力


【追記】

ちなみに、上の画像の WebView2 のアドレスバーの https://localhost/WebForm38 というのは自分の開発環境に作った試験用の ASP.NET Web Forms アプリのページです。内容は以下通りで質問にある html ソースをコピペしたものです。ご参考まで。

<%@ Page Language="C#" AutoEventWireup="true" 
    CodeBehind="WebForm38.aspx.cs" Inherits="WebForms1.WebForm38" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script type="text/javascript">
        window.onload = function () {
            //const replyId = "new-message-12345678-9012-3456-7890-bcab739bbffa";

            //let result = document.getElementById(replyId).innerText;
            //console.log(result);

            //document.getElementById(replyId).getElementsByTagName('p')[0].innerText = 'bbb';
            //let result1 = document.getElementById(replyId).getElementsByTagName('p')[0].innerText;
            //console.log(result1);

            //let result2 = document.getElementById(replyId).innerText;
            //console.log(result2);
        }
    </script>
</head>
<body>
    <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>
</body>
</html>
1
  • WebSurferさん わざわざ実装してまで確認いただき、ありがとうございます。 こういったサイトでも構文エラーがないことは確認していたのですが、Teams側で外部からの書き換えを制御されているのかもしれません。ExecuteScriptAsyncで返信欄を選択後、sendkeysで入力値を送ることは出来ているのですが、対象のフォームが最前面にないといけない等、動作が保証されない点が気になって諦めきれず相談した感じです。構文の問題等ではなさそうなので、諦めます。ありがとうございました。
    – okaken
    Commented 3月22日 8:00

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。