WebView2を使ったブラウザでパスワードの保存が

Question

現在、C＃でWebView2を使ったブラウザを作成しています。
URLを指定して、WEBページを表示することが出来るようになった程度です。

実現したいこと

アカウント認証のあるサイトで、「パスワードの保存」を行いたいと考えています。
ログイン時にパスワードを保存しましますか？と聞いてくる機能です

CoreWebView2Settings.IsPasswordAutosaveEnabled というプロパティで実現できないかと思案しているのですがうまくいきません。
WebView2の機能としてあるのではないかと期待しているのですが可能でしょうか？

ソースコード

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using Microsoft.Web.WebView2.Core;

namespace SampleBrowser
{
    public partial class MainWindow : Window
    {
        public static RoutedCommand PasswordAutosaveCommand = new RoutedCommand();

        CoreWebView2Settings _webViewSettings;
        CoreWebView2Settings WebViewSettings
        {
            get
            {
                if (_webViewSettings == null && webView?.CoreWebView2 != null)
                {
                    _webViewSettings = webView.CoreWebView2.Settings;
                }
                return _webViewSettings;
            }
        }
        CoreWebView2Environment _webViewEnvironment;
        CoreWebView2Environment WebViewEnvironment
        {
            get
            {
                if (_webViewEnvironment == null && webView?.CoreWebView2 != null)
                {
                    _webViewEnvironment = webView.CoreWebView2.Environment;
                }
                return _webViewEnvironment;
            }
        }

        public MainWindow()
        {   
            InitializeComponent();
        }

        void PasswordAutosaveCmdExecuted(object target, ExecutedRoutedEventArgs e)
        {
            WebViewSettings.IsPasswordAutosaveEnabled = !WebViewSettings.IsPasswordAutosaveEnabled;
        }
    }
}

<Window x:Class="SampleBrowser.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:local="clr-namespace:SampleBrowser"
        xmlns:wv2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"
        mc:Ignorable="d"
        Title="SampleBrowser" Height="800" Width="1000" Background="black" 
        MinWidth="790">

    <Window.Resources>
        <wv2:CoreWebView2CreationProperties 
            x:Key="FixedWebView2CreationProperties" 
            BrowserExecutableFolder="Microsoft.WebView2.FixedVersionRuntime.101.0.1210.39.x64"
            UserDataFolder="C:\temp" />
    </Window.Resources>
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <wv2:WebView2 CreationProperties="{StaticResource FixedWebView2CreationProperties}"
                      Source="https://account.nicovideo.jp/login?site=niconico&time=1661417293&hash_key=5c045af1&next_url=" 
                      Name = "webView"/>

    </Grid>

</Window>

Comments

[TN8001]

[Password autosave + suggest · Issue #2291 · MicrosoftEdge/WebView2Feedback](https://github.com/MicrosoftEdge/WebView2Feedback/issues/2291)

> Fix is available in runtimes v101.0.1203.0+. Thanks!

となっているのでクリアはしている気がするのですが、最新のランタイムあるいはエバーグリーンモードではどうなりますか？

公式サンプルでざっと確認したところ、ポップアップが出て保存されました（104.0.1293.63）
[WebView2Samples/SampleApps/WebView2WpfBrowser at main · MicrosoftEdge/WebView2Samples](https://github.com/MicrosoftEdge/WebView2Samples/tree/main/SampleApps/WebView2WpfBrowser)

[b99107]

ご返信頂きましてありがとうございます。
出来るという事が分かり安心致しました。

状況としましては、最新のランタイムを入れているのですが、ポップアップが出ませんでした。

公式サンプルですが、私の環境でビルドしようとするとインストールしているframeworkをインストールするようにエラーが出てしまい、断念しておりました。
サンプルを動かして確認できるようにチャレンジしたいと思います。

ありがとうございます。

[TN8001]

> 状況としましては、最新のランタイムを入れているのですが、ポップアップが出ませんでした。

BrowserExecutableFolderで特定バージョン（101.0.1210.39.x64）を指定しているように見えますが。。。
BrowserExecutableFolderを書かなければEvergreenになるという認識ですが違いますかね？

[WebView2Samples/App.xaml at main · MicrosoftEdge/WebView2Samples](https://github.com/MicrosoftEdge/WebView2Samples/blob/main/SampleApps/WebView2WpfBrowser/App.xaml#L18)

> 公式サンプルですが、私の環境でビルドしようとするとインストールしているframeworkをインストールするようにエラーが出てしまい、断念しておりました。

私も警告？は出ましたが、気にせず実行しました^^;

netcoreapp3.0;net462 がターゲットですがどちらも入っていません（うちで入っているのはcoreは3.1 fwは4.8）
どちらをターゲットしてビルドしても動作しました。

[b99107]

度々返信ありがとうございます。
一から環境を作り直してみたところ、サンプルを動かすことができました。大変助かりました。
また色々とご指摘ありがとうございます。全く理解していませんでした；；

あとUIから有効にするのではなく、最初からAutoSaveを有効にするようにしたいと考えています。

[TN8001]

> 最初からAutoSaveを有効にするようにしたいと考えています。

デモなので切り替えられるようになっていますが、常に有効にするなら
CoreWebView2InitializationCompleted
かなんかで
WebViewSettings.IsPasswordAutosaveEnabled = true;
とするだけじゃないですかね？（未確認）

[WebView2Samples/MainWindow.xaml.cs at main · MicrosoftEdge/WebView2Samples](https://github.com/MicrosoftEdge/WebView2Samples/blob/main/SampleApps/WebView2WpfBrowser/MainWindow.xaml.cs#L1431)

[b99107]

サンプルに頂いた内容を追加することで、最初から有効になることが確認できました。
何度も本当にありがとうございます！
サンプルから必要なプログラムをソースコードに組み込んで試してみたいと思います。

[TN8001]

いけそうですね^^

ご自身のコードでも確認が取れましたら、お手数ですが閲覧者にもわかる程度にまとめていただいて「自己解決」としてください。
[teratail【テラテイル】｜ITエンジニア特化型Q&Aサイト](https://teratail.com/help#resolve-myself)

[b99107]

時間かかりましたが、自身のソースコードにも適用して、常時パスワードの保存ができるようになりました！

改めてまとめましたら解決方法を記載するように致します。（自己解決とは言い辛いですが＾＾；）
丁寧に教えて頂きましてありがとうございました！

Answer 1

おかげ様で公式サンプルを一部組み込むことで常にパスワード保存が出来るようになりました。

■公式サンプル
https://github.com/MicrosoftEdge/WebView2Samples/tree/main/SampleApps/WebView2WpfBrowser

■作業内容
１）最新のランタイムを設定
BrowserExecutableFolder="Microsoft.WebView2.FixedVersionRuntime.104.0.1293.70.x64"

２）MainWindow.xaml.csの修正
① 公式サンプルから「IsPasswordAutosaveEnabled」関連の記述を追加

② 常にパスワード保存
CoreWebView2InitializationCompleted に「WebViewSettings.IsPasswordAutosaveEnabled = true;」追加

③ 設定反映
public MainWindow()
{
DataContext = this;
InitializeComponent();
AttachControlEventHandlers(webView);
}

基本的な内容を上記の通りです。
２）①③でエラーが出る場合は、公式サンプルから必要な部分をコピーして持ってきています。
未確認ですが２）①は不要ではないかと思っていますので、時間が出来たら検証してみたいと思います。

ご回答頂きましてありがとうございました。