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

Chromium Edgeの優位性

Chromium ベース: Microsoft Edge と同じエンジンを活用した WebView2 は、古い Web ビュー コントロールと比較して、より一貫性があり信頼性の高い Web コンテンツのレンダリングを提供します。

最新の Web 標準:最新の Web 標準をサポートしているため、開発者は Windows アプリケーション内の Web コンテンツを最新の Web テクノロジに維持できます。

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
    }
}

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

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

WebView2はC#アプリケーションに標準のウェブコンテンツを埋め込み、表示することができます。 これには、HTMLページ、スタイリングのためのカスケードスタイルシート、および対話性のため for 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
}

このコードは指定されたウェブページに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を使用して、キャプチャした Web コンテンツから PDF を作成します。 ChromePdfRenderer の RenderUrlAsPdf メソッドを使用すると、現在の Web ページを 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!");
}

これはUI出力です：

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