WebView2でtarget=”_blank”のリンクを新しいウィンドウも含めて制御したい

Question

前回質問させていただき、外部サイトはデフォルトブラウザで開かせることができたのですが、新しいウィンドウを既存ウィンドウで開くため、Web操作が通常と異なるサイトもあり、できれば新しいウィンドウも新しいウィンドウで開かせたいのですが、どのようにしたらよいでしょうか。

####前回の記事
リンク内容

#####新ウィンドウのキャンセル

e.Handled = true;

#####既存のWebView2画面を上書き

webView2.CoreWebView2.Navigate(e.Uri);

どなたかご教示いただけますと幸いです。
よろしくお願いします。

Answer 1

例えばWebViewを配置したフォームに

public Uri NavigateUri {set;get;}

のプロパティを追加し、対象フォームはNavigateUriプロパティをWebViewに表示し、新しいウィンドウが立ち上がるタイミングで該当URLを新しいフォームに設定して新しいフォームを立ち上げるでは駄目なのでしょうか？

using Microsoft.Web.WebView2.Core;
using Microsoft.Web.WebView2.WinForms;
using System;
using System.Diagnostics;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace Questions320460 {
    public partial class Form1 : Form {

        public Uri NavigateUri { set; get; }

        private WebView2 webView2;

        public Form1() {
            InitializeComponent();
            ※ここの処理はLoadイベントに移動
        }

        private void Form1_Load(object sender, EventArgs e) {

            webView2 = new WebView2 {
                Source = this.NavigateUri, //指定URLを設定
                Dock = DockStyle.Fill,
            };
            webView2.NavigationStarting += WebView2_NavigationStarting;

            Controls.Add(webView2);

            _ = InitializeAsync();

        }

        private async Task InitializeAsync() {
            await webView2.EnsureCoreWebView2Async(null); // CoreWebView2初期化待ち
            webView2.CoreWebView2.NewWindowRequested += CoreWebView2_NewWindowRequested;
        }

        private void WebView2_NavigationStarting(object sender, CoreWebView2NavigationStartingEventArgs e) {
            if (!e.Uri.Contains("teratail")) {
                e.Cancel = true; // Navigationのキャンセル
                Process.Start(e.Uri);
                return;
            }
        }

        private void CoreWebView2_NewWindowRequested(object sender, CoreWebView2NewWindowRequestedEventArgs e) {
            e.Handled = true; // NewWindowのキャンセル

            if (!e.Uri.Contains("teratail")) {
                Process.Start(e.Uri);
                return;
            }

            // 新しいフォームで表示
            var form = new Form1();
            form.NavigateUri = e.Uri;
            form.Show(this);

        }
    }
}

Comments

[TN8001]

あとは↓あたりを参考に、順不同な終了に対応しておくとよさそうですね。

[c# - Winform Shutdown mode from "when startup form closes" to "when last form closes" - Stack Overflow](https://stackoverflow.com/questions/32609141

[dekaaki]

あーそうですね。
ということは私のサンプルソースで新しいフォームをshowするときにオーナーフォームに元フォームを設定してますが順不同で終了させることを考えるとオーナーにしないほうがいいですね

[neji-thon]

ご教示ありがとうございます。
ご提示いただいたソースコードのみの新規プロジェクトを作成してまっさらな状態でチャレンジ中です。

以下のURL指定に関して初期ページの設定をどうするかわからなかったのでデザイン画面のプロパティ側に入れて、初期ページは出るようになりました。
Source = this.NavigateUri, //指定URLを設定

また、以下のe.Uri;がstring変換できないとエラーになったので、下の通りにしてとりあえず実行できてますが、targetがblankもblankでない場合もすべて何事もなかったように既存ウィンドウか新規ウィンドウで開いてきます。
form.NavigateUri = e.Uri;
↓
form.NavigateUri = new Uri(e.Uri);

ifの！を外したり入れたりで否定、肯定をひっくり返しても何も変わらないのでそもそもがおかしいのかもしれません。

オーナーフォームにしない方がよい。という点も意識しないといけないそうですが、まだそこにたどり着けずにおります。；；

すいません。まず、以下ご教示いただけますでしょうか。。
・初期URLの指定の仕方
・new Uri(e.Uri);であってるか

[dekaaki]

>・初期URLの指定の仕方
例えばProgram.csでWebViewを設置しているフォームを表示しているのであれば
static void Main() {
Application.EnableVisualStyles();
Application.SetCompatibleTextRenderingDefault(false);

var form = new Form1();
form.NavigateUri = new Uri("https://teratail.com/questions/320460");
Application.Run(form);
}
のように一旦、Formのインスタンスを作成し、プロパティを設定後、 Application.Runに作成したフォームを指定するだけで大丈夫です。

>・new Uri(e.Uri);であってるか
すみません。e.Uriは文字列だったのですね。
その方法で問題ないと思います。

一応、私が試した限り正しく動作しています。
なのでNewWindowRequestedイベント内の処理が単純に間違っていそうな気がします。

[dekaaki]

>オーナーフォームにしない方がよい。という点も意識しないといけないそうですが、まだそこにたどり着けずにおります。

これはTN8001さんが言われてるように例えば下記のようにフォームを開いた場合
1.http://hogehoge.co.jpを開く
2.1で表示したhtml内の新しいwindowが開くリンクをクリックし新しいフォームを開く
3.1のwindowを閉じる
とするとアプリケーションを開始したフォームを閉じたので雛形ソースのままではアプリケーションが終了してしまいます。
そのような状況でも2で開いたwindowがあるのでアプリケーションを終了させないほうがいいということです。
そのように基本的にフォーム間に親子関係が不要であれば私の
form.Show(this);をform.Show();にしてTN8001さんが紹介してくれてるリンク先を見るか日本語がいいのであればドボンさんのサイトも参考になると思います。
https://dobon.net/vb/dotnet/form/showforminsequence.html

[neji-thon]

ご丁寧にありがとうございました！
自分の場合、メインのフォームが母体となっていたので、むしろメインが閉じたらすべて終了しちゃうのでよかったでした。

ご教示いただいた方法で自分のツールにて実装することができました。
自分のツールではなく、まっさらなプロジェクトで動作したコードも一応載せておきました。

勉強になります。
本当にありがとうございます！

Answer 2

dekaakiさんに教えていただいたコードは自分にはうまく使いこなせなかったので、以下のコードで再現ができました。誰かの参考になれば幸いです。

###Form1_Loadじゃない所で初期URL指定

using Microsoft.Web.WebView2.Core;
using Microsoft.Web.WebView2.WinForms;
using System;
using System.Diagnostics;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace WebView2Test_TargetBlank
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
            InitializeWebView2();
        }

        public Uri NavigateUri { set; get; }
        private WebView2 TESTView = new WebView2 { Source = new Uri("https://teratail.com/questions/321943"), };
        public void InitializeWebView2()
        {
            webView21.Controls.Add(TESTView);
            TESTView.Dock = DockStyle.Fill;
            TESTView.NavigationStarting += TESTView_NavigationStarting;
            _ = InitializeAsync();
        }

        private async Task InitializeAsync()
        {
            await TESTView.EnsureCoreWebView2Async(null); // CoreWebView2初期化待ち
            TESTView.CoreWebView2.NewWindowRequested += TESTView_NewWindowRequested;
        }

        private void TESTView_NavigationStarting(object sender, CoreWebView2NavigationStartingEventArgs e)
        {
            MessageBox.Show("Starting");//挙動確認
            if (!e.Uri.Contains("teratail"))
            {
                e.Cancel = true; // Navigationのキャンセル
                Process.Start(e.Uri);
                return;
            }
        }

        private void TESTView_NewWindowRequested(object sender, CoreWebView2NewWindowRequestedEventArgs e)
        {
            MessageBox.Show("NewWindow");//挙動確認
            e.Handled = true; // NewWindowのキャンセル
            if (!e.Uri.Contains("teratail"))
            {
                Process.Start(e.Uri);
                return;
            }
            var form = new Form1();
            form.NavigateUri = new Uri(e.Uri);//新規フォームで開く
            form.Show(this);
        }
    }
}