Webview2 C# Example (開発者向けの仕組み)

Chromium Edgeの優位性

Chromiumベース：Microsoft Edgeと同じエンジンを活用することで、WebView2は古いウェブビューコントロールと比較して、ウェブコンテンツの一貫した信頼性のあるレンダリングを提供します。

モダンウェブ標準：最新のウェブ標準をサポートしており、開発者はWindowsアプリケーション内のウェブコンテンツが現在のウェブ技術で最新状態に保たれることを保証できます。

C#プロジェクトでのWebView2の設定

C#プロジェクトにWebView2を統合するのは簡単なプロセスです。 それには、.NET用のMicrosoftのパッケージマネージャであるNuGetを通じてWebView2 SDKを追加することが含まれます。 このSDKは、あなたのアプリケーションにウェブコンテンツをWebView2を使用して埋め込むために必要なライブラリとツールを提供します。

Windows FormsとWPFでのWebView2の実装

WebView2はWindows Forms（WinForms）とWindows Presentation Foundation（WPF）を含むさまざまな種類のC#アプリケーションで利用できます。 各フレームワークには実装上の独自の特性がありますが、基本的な概念は同じです：WebView2はアプリケーション内でウェブコンテンツのコンテナとして機能します。

ウェブコンテンツを読み込む基本例

WebView2が設定されたら、アプリケーションにウェブページを読み込むことができます。 これは、ページを表示するためにソースURLを設定することと同じくらい簡単です。 ここに始めるための基本的な例があります：

using System;
using Microsoft.Web.WebView2.WinForms; // Ensure WebView2 is included

public class WebViewExample
{
    public void LoadWebPage()
    {
        var webView = new WebView2();
        webView.Source = new Uri("https://www.ironpdf.com");
        // The URI of IronPDF's site is set as the source URL for WebView
    }
}

using System;
using Microsoft.Web.WebView2.WinForms; // Ensure WebView2 is included

public class WebViewExample
{
    public void LoadWebPage()
    {
        var webView = new WebView2();
        webView.Source = new Uri("https://www.ironpdf.com");
        // The URI of IronPDF's site is set as the source URL for WebView
    }
}

Imports System
Imports Microsoft.Web.WebView2.WinForms ' Ensure WebView2 is included

Public Class WebViewExample
	Public Sub LoadWebPage()
		Dim webView = New WebView2()
		webView.Source = New Uri("https://www.ironpdf.com")
		' The URI of IronPDF's site is set as the source URL for WebView
	End Sub
End Class

このコードスニペットでは、WebView2の新しいインスタンスが作成され、IronPDFのウェブサイトがそこにロードされます。 これは、C#アプリケーション内でウェブページをレンダリングするためにWebView2をどのように使用できるかを示しています。

WebView2でHTML、CSS、JSを表示する

WebView2はC#アプリケーションに標準のウェブコンテンツを埋め込み、表示することができます。 これには、HTMLページ、スタイリングのためのカスケードスタイルシート、および対話性のためのJavaScriptが含まれます。 制御機能は、あなたのアプリケーション内に埋め込まれたウェブブラウザのように機能し、Microsoft Edgeで表示される時と同様にウェブコンテンツをレンダリングします。

WebView2でウェブページを読み込む

WebView2の主な機能は、ウェブページを読み込み、表示することです。 これはURLを指定するか、直接HTMLコンテンツを読み込むことで実現されます。 例えば：

public void NavigateWebPage()
{
    var webView = new WebView2();
    webView.CoreWebView2.Navigate("https://www.ironpdf.com");
    // Navigates to the specified URL displaying the page in the application
}

public void NavigateWebPage()
{
    var webView = new WebView2();
    webView.CoreWebView2.Navigate("https://www.ironpdf.com");
    // Navigates to the specified URL displaying the page in the application
}

Public Sub NavigateWebPage()
	Dim webView = New WebView2()
	webView.CoreWebView2.Navigate("https://www.ironpdf.com")
	' Navigates to the specified URL displaying the page in the application
End Sub

このコードは指定されたウェブページにWebView2をナビゲートし、アプリケーション内に表示します。

JavaScriptとの対話

WebView2は埋め込まれたウェブコンテンツ内でJavaScriptと対話することを可能にします。 これは、C#アプリケーションからJavaScriptコードを実行したり、その逆を行ったりして、動的コンテンツの更新や応答性のあるユーザーインターフェースを実現できます。

ウェブ体験のカスタマイズ

WebView2を使用すると、ウェブコンテンツの表示方法を制御し、サイズ、表示、ユーザーのインタラクション設定など、さまざまな側面をカスタマイズできます。 このカスタマイズにより、ウェブコンテンツをネイティブユーザーインターフェースとシームレスに統合することが可能になります。

WebView2とIronPDFを一緒に使用する

C#プロジェクトでのWebView2とIronPDFの組み合わせはエキサイティングな可能性を開きます。 WebView2がウェブコンテンツの表示および対話に優れている一方で、IronPDFはこのコンテンツをPDF形式に変換することに優れています。 この統合により、開発者はウェブコンテンツを表示するだけでなく、ウェブコンテンツをPDFドキュメントに変換する機能を提供するアプリケーションを作成できます。

IronPDFでWebView2コンテンツをキャプチャ

WebView2を含むWindows Formsアプリケーションを作成すると、ユーザーはアプリ内でインターネットをブラウズできます。はじめに、フォームにWebView2コントロールを追加します。 このコントロールはフォームの大部分を占め、ウェブブラウジングのための十分なスペースを提供します。 さらに、アドレスバーやボタンのようなナビゲーションコントロールを含め、完全なブラウジング体験を提供します。

PDF変換機能の追加

フォームに「Convert to PDF」というラベルのボタンを導入します。このボタンはユーザーが表示中のウェブページをIronPDFを使用してPDFドキュメントに変換するトリガーとなります。

NuGet パッケージマネージャーを使用してインストール

NuGet Package Managerを使用してWebView2プロジェクトにIronPDFを統合する手順に従ってください：

1. Visual Studio を開き、ソリューションエクスプローラーでプロジェクトを右クリックします。
2. コンテキストメニューから「NuGet パッケージの管理」を選びます。
3. ブラウズタブに行き、IronPDFを検索します。
4. 検索結果からIronPDFライブラリを選択し、インストールボタンをクリックします。
5. ライセンス契約のプロンプトを承諾します。

Package Manager Consoleを経由してプロジェクトにIronPDFを含めたい場合は、Package Manager Consoleで以下のコマンドを実行します：

Install-Package IronPdf

プロジェクトに IronPDF を取得してインストールします。

NuGet ウェブサイトを使ってインストール

機能、互換性、追加のダウンロードオプションを含む IronPDF の詳細な概要については、NuGet ウェブサイトの IronPDF ページを訪れてください。https://www.nuget.org/packages/IronPdf。

DLLを介してインストール

または、DLLファイルを使用して直接プロジェクトにIronPDFを組み込むことができます。 DLLダウンロードページからDLLを含むZIPファイルをダウンロードしてください。 それを解凍し、プロジェクトにDLLを含めます。

変換ロジックの実装

ユーザーが「Convert to PDF」ボタンをクリックすると、アプリケーションはWebView2コントロールに表示されているURLまたはHTMLコンテンツをキャプチャする必要があります。 IronPDFの機能を利用して、このウェブコンテンツをPDFに変換します。 ここにサンプルアプローチがあります：

1. 現在のコンテンツをキャプチャ: ユーザーが変換を開始したときに、WebView2コントロールから現在のコンテンツを取得します。 これはURLまたは直接HTMLコンテンツである可能性があります。
2. IronPDFでPDFを生成: キャプチャされたウェブコンテンツからIronPDFを使用してPDFを作成します。 ChromePdfRendererのRenderUrlAsPdfメソッドは、現在のウェブページをPDFドキュメントとしてレンダリングできます。
3. 保存と通知: 生成されたPDFを事前設定された場所に保存するか、ユーザーに保存場所を選択させます。 PDF保存後、メッセージボックスを通じて成功した変換をユーザーに通知します。

private void ConvertToPdfButton_Click(object sender, EventArgs e)
{
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdf = renderer.RenderUrlAsPdf(webView.CoreWebView2.Source.ToString());
    pdf.SaveAs("ConvertedWebPage.pdf");
    MessageBox.Show("PDF conversion successful!");
}

private void ConvertToPdfButton_Click(object sender, EventArgs e)
{
    var renderer = new IronPdf.ChromePdfRenderer();
    var pdf = renderer.RenderUrlAsPdf(webView.CoreWebView2.Source.ToString());
    pdf.SaveAs("ConvertedWebPage.pdf");
    MessageBox.Show("PDF conversion successful!");
}

Private Sub ConvertToPdfButton_Click(ByVal sender As Object, ByVal e As EventArgs)
	Dim renderer = New IronPdf.ChromePdfRenderer()
	Dim pdf = renderer.RenderUrlAsPdf(webView.CoreWebView2.Source.ToString())
	pdf.SaveAs("ConvertedWebPage.pdf")
	MessageBox.Show("PDF conversion successful!")
End Sub

これはUI出力です：

変換ボタンをクリックすると、ウェブがPDFに変換されて次のメッセージボックスが表示されます：