要件:VS 2022で新しい.NET Framework 4.7.2 WinFormプロジェクトを作成し、Microsoft.Web.WebView2 SDKパッケージを参照し、WebView2コントロールを使ってウェブアプリの表示とレンダリングを行うこと。 Microsoft Edge WebView2コントロールは、ネイティブアプリにウェブ技術(HTML、CSS、JavaScript)を埋め込むことを可能にします。 WebView2コントロールは、ネイティブアプリ内のウェブコンテンツを表示するための描画エンジンとしてMicrosoft Edgeを使用します。
復習：
WebView2ランタイム
WindowsシステムにWebView2ランタイムがインストールされていない場合(Windows 11システムはデフォルトですでにインストールされています初めて手動でダウンロードする必要がある場合は、次のアドレスを送ってください:ハイパーリンクのログインが見えます。
新しいWinFormプロジェクトを作成してください
.NET Framework 4.7.2用の新しいWinFormプロジェクトを作成するにはVS 2022を開く必要があります。作成後はMicrosoft.Web.WebView2パッケージを参照する必要があります。nugetコマンドは以下の通りです:
ツールボックス内のWindowsフォームコントロールにあるWebView2コントロールを見つけて、Form1フォームにドラッグしてください。以下の図に示されています。
ヒント:デフォルトでは、Visual Studio 2017ではWebView2はツールボックスに表示されません。 WebView2をツールボックスに表示させるには、Tools >オプション>General>を選択し、Autofillツールボックスの設定をtrueに設定してください。
webView21コントロールを設定してくださいドック:フィル、出典:https://www.itsvse.com/、下図に示されているように:
プロジェクトを開始すると、WinFormアプリケーションがウェブコンテンツを正常に読み込み表示しているのが確認できます。以下の画像に示されています。
WinFormアプリケーションサイズ
最大の懸念の一つはアプリケーションの規模です。WebView2 SDKを参照する新しいWinFormアプリケーションを作成した後、ほとんどコードが書かれていないプログラムのサイズは以下の通りです:1.36M、下図に示されているように:
WebView2のランタイムバージョンを表示します
システムにWebView2ランタイムが搭載されているのか、WebView2ランタイムのバージョンが入っているのか、.NETプログラムをどうやって使えますか? コードは以下の通りです:
呼び出すGetAvailableBrowserVersionString() メソッド異常これはWebView2のランタイムがインストールされていないことを意味します。
アプリの配布やWebView2ランタイムに関する情報は、以下をご覧ください:ハイパーリンクのログインが見えます。
開発者ツールを有効にする
WinFormでウェブアプリケーションを共同委託する必要がある場合、DOM要素やネットワークリソースリクエストを確認する必要がある場合、開発者ツールをどうやって有効にすればいいのでしょうか?
DevToolsの開発者ツールは、起動後にwebview2コントロールのF12メソッドで開くか、以下のコードで開くことができます。
以下に示すように:
右クリックメニューと開発者ツールを無効にしてください
実際の本番環境では、クライアントのマシンにアプリケーションクライアントをデプロイするとき、ユーザーが右クリック(リフレッシュやページのソースコード閲覧など)で開発者ツールやページズームコントロールを無効にできるのは避けたいです、コードは以下の通りです:
Microsoft.Web.WebView2.Core APIドキュメント:ハイパーリンクのログインが見えます。
Microsoft.Web.WebView2.WinForms APIドキュメント:ハイパーリンクのログインが見えます。
ソースコードダウンロード:
観光客の皆さん、この投稿の隠された内容を見たい方は、どうぞ 答える
(終わり)
| 
2022年9月25日 23:02:27に投稿
|
|
|
|
2022年10月8日 15:04:43に投稿
|
地主