「東雲 忠太郎」の平凡な日常のできごと

C# WPFアプリケーションでEdgeブラウザのHTML要素を操作するには、EdgeブラウザをWPFアプリケーション内に埋め込む必要があります。これには、`WebView`コントロールを使用します。`WebView`コントロールは、WPFアプリケーション内でWebコンテンツを表示するためのコントロールであり、Microsoft Edgeブラウザのエンジンを使用します。

以下は、C# WPFアプリケーションで`WebView`コントロールを使用してEdgeブラウザのHTML要素を操作するサンプルコードです。

まず、MainWindow.xamlファイルに`WebView`コントロールを追加します。

```xml

<Window x:Class="WpfAppWithWebView.MainWindow"

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

        xmlns:wv="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"

        mc:Ignorable="d"

        Title="MainWindow" Height="450" Width="800">

    <Grid>

        <wv:WebView x:Name="webView"/>

    </Grid>

</Window>

```

次に、MainWindow.xaml.csファイルでWebViewを初期化し、WebViewの要素を操作する方法を示します。

```csharp

using System;

using System.Windows;

namespace WpfAppWithWebView

{

    public partial class MainWindow : Window

    {

        public MainWindow()

        {

            InitializeComponent();

            webView.NavigationCompleted += WebView_NavigationCompleted;

            webView.Source = new Uri("https://example.com"); // Edgeブラウザで表示したいページのURLを指定

        }

        private async void WebView_NavigationCompleted(object sender, Microsoft.Web.WebView2.Core.CoreWebView2NavigationCompletedEventArgs e)

        {

            // WebViewのHTMLを操作する

            await webView.ExecuteScriptAsync("document.getElementById('elementId').innerHTML = 'New content';");

        }

    }

}

```

このコードでは、`WebView`コントロールを初期化し、指定したURLのWebページをロードします。`NavigationCompleted`イベントが発生したときに、WebViewのHTMLを操作するスクリプトを実行しています。`ExecuteScriptAsync`メソッドを使用して、JavaScriptを実行することができます。この例では、`document.getElementById('elementId').innerHTML = 'New content';`というスクリプトを実行して、指定した要素のHTML内容を変更しています。

このようにして、C# WPFアプリケーション内でEdgeブラウザのHTML要素を操作することができます。