Ícone de mensagem
Ir para o conteúdo do rodapé
  1. IronPDF
  2. Blog do IronPDF
  3. Ajuda do .NET
  4. Exemplo de Webview2 em C#
AJUDA DO .NET

Exemplo de WebView2 em C# (Como funciona para desenvolvedores)

Curtis Chau
Curtis Chau
Atualizado:

O WebView2 , a versão mais recente da tecnologia de visualização da web da Microsoft, é baseado no mecanismo Chromium, o mesmo mecanismo que alimenta o popular navegador Microsoft Edge. A distribuição da versão fixa permite que os desenvolvedores de C# incorporem tecnologias web como Hyper Text Markup Language, CSS e JavaScript diretamente em seus aplicativos nativos. Essa integração abre um mundo de possibilidades, desde a exibição de conteúdo dinâmico até a construção de interfaces de usuário complexas.

A visão geral do IronPDF oferece a capacidade de gerar, manipular e renderizar documentos PDF em aplicativos C#. Seja para converter conteúdo online em PDFs ou para criar documentos do zero, o IronPDF oferece uma abordagem simples para lidar com PDFs, além de dados e interfaces baseados na web.

Este tutorial irá guiá-lo na integração do WebView2 e do IronPDF em um aplicativo C#. Desde a configuração básica até funcionalidades avançadas, exploraremos como essas ferramentas podem ser usadas em conjunto para aprimorar os recursos do seu aplicativo.

Introdução ao WebView2

O WebView2, baseado no navegador Microsoft Edge com tecnologia Chromium, representa um avanço significativo na incorporação de conteúdo da web em aplicativos C#. Essa tecnologia permite que os desenvolvedores incorporem todo o espectro da web moderna em seus aplicativos Windows, oferecendo desempenho, compatibilidade e funcionalidade aprimorados.

A vantagem do Chromium Edge

Baseado no Chromium: Utilizando o mesmo mecanismo do Microsoft Edge, o WebView2 oferece uma renderização de conteúdo da web mais consistente e confiável em comparação com os controles de visualização da web mais antigos.

Padrões Web modernos: Com suporte para os padrões web mais recentes, os desenvolvedores podem garantir que o conteúdo web em seus aplicativos Windows permaneça atualizado com as tecnologias web atuais.

Primeiros Passos com o WebView2

Configurando o WebView2 em projetos C

Integrar o WebView2 em um projeto C# é um processo simples. Isso envolve adicionar o SDK WebView2 por meio do NuGet, o gerenciador de pacotes da Microsoft for .NET. Este SDK fornece as bibliotecas e ferramentas necessárias para incorporar conteúdo da web em seus aplicativos usando o WebView2.

Exemplo de WebView2 em C# (Como funciona para desenvolvedores): Figura 1 - WebView2

Implementando o WebView2 em Windows Forms e WPF

O WebView2 pode ser utilizado em diferentes tipos de aplicações C#, incluindo Windows Forms (WinForms) e Windows Presentation Foundation (WPF). Cada framework tem suas nuances em termos de implementação, mas o conceito central permanece o mesmo: o WebView2 funciona como um contêiner para conteúdo web dentro da sua aplicação.

Um exemplo básico de carregamento de conteúdo da web

Após configurar o WebView2, você poderá começar a carregar páginas da web em seu aplicativo. Isso pode ser tão simples quanto definir a URL de origem para exibir uma página da web. Aqui está um exemplo básico para você começar:

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
$vbLabelText   $csharpLabel

Neste trecho de código, uma nova instância de WebView2 é criada e o site do IronPDF é carregado nela. Isso ilustra como o WebView2 pode ser usado para renderizar páginas da web em um aplicativo C#.

Exemplo de Webview2 em C# (Como funciona para desenvolvedores): Figura 2 - IronPDF

Incorporando conteúdo web básico

Exibindo HTML, CSS e JS no WebView2

O WebView2 permite que aplicativos C# incorporem e exibam conteúdo web padrão. Isso inclui páginas HTML, folhas de estilo em cascata (CSS) para estilização e JavaScript para interatividade. As funções de controle são semelhantes a um navegador da web incorporado ao seu aplicativo, renderizando o conteúdo da web da mesma forma que apareceria no Microsoft Edge.

Carregando páginas da Web no WebView2

A função principal do WebView2 é carregar e exibir páginas da web. Isso é conseguido especificando um URL ou carregando conteúdo HTML diretamente. Por exemplo:

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
$vbLabelText   $csharpLabel

Este código navega o controle WebView2 até uma página da web específica, exibindo-a dentro do aplicativo.

Interagindo com JavaScript

O WebView2 permite interações com JavaScript dentro do conteúdo web incorporado. Isso significa que você pode executar código JavaScript a partir de sua aplicação C# e vice-versa, possibilitando atualizações dinâmicas de conteúdo e interfaces de usuário responsivas.

Personalizando a experiência na Web

Com o WebView2, você tem controle sobre como o conteúdo da web é exibido e pode personalizar vários aspectos, como tamanho, visibilidade e configurações de interação do usuário. Essa personalização permite integrar o conteúdo da web perfeitamente à interface de usuário nativa do seu aplicativo.

Integrando WebView2 e IronPDF

O IronPDF é especializado na conversão de HTML para PDF , preservando com precisão os layouts e estilos originais. Essa funcionalidade é especialmente útil para gerar PDFs a partir de conteúdo da web, como relatórios, faturas e documentação. Ele permite converter arquivos HTML, URLs e até mesmo strings HTML brutas em arquivos PDF de alta qualidade.

using IronPdf;

class PdfConversionExample
{
    static void Main(string[] args)
    {
        var renderer = new ChromePdfRenderer();

        // 1. Convert HTML String to PDF
        var htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>";
        var pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent);
        pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf");

        // 2. Convert HTML File to PDF
        var htmlFilePath = "path_to_your_html_file.html"; // Specify the path to your HTML file
        var pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath);
        pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf");

        // 3. Convert URL to PDF
        var url = "http://ironpdf.com"; // Specify the URL
        var pdfFromUrl = renderer.RenderUrlAsPdf(url);
        pdfFromUrl.SaveAs("URLToPDF.pdf");
    }
}
using IronPdf;

class PdfConversionExample
{
    static void Main(string[] args)
    {
        var renderer = new ChromePdfRenderer();

        // 1. Convert HTML String to PDF
        var htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>";
        var pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent);
        pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf");

        // 2. Convert HTML File to PDF
        var htmlFilePath = "path_to_your_html_file.html"; // Specify the path to your HTML file
        var pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath);
        pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf");

        // 3. Convert URL to PDF
        var url = "http://ironpdf.com"; // Specify the URL
        var pdfFromUrl = renderer.RenderUrlAsPdf(url);
        pdfFromUrl.SaveAs("URLToPDF.pdf");
    }
}
Imports IronPdf

Friend Class PdfConversionExample
	Shared Sub Main(ByVal args() As String)
		Dim renderer = New ChromePdfRenderer()

		' 1. Convert HTML String to PDF
		Dim htmlContent = "<h1>Hello, IronPDF!</h1><p>This is a PDF from an HTML string.</p>"
		Dim pdfFromHtmlString = renderer.RenderHtmlAsPdf(htmlContent)
		pdfFromHtmlString.SaveAs("HTMLStringToPDF.pdf")

		' 2. Convert HTML File to PDF
		Dim htmlFilePath = "path_to_your_html_file.html" ' Specify the path to your HTML file
		Dim pdfFromHtmlFile = renderer.RenderHtmlFileAsPdf(htmlFilePath)
		pdfFromHtmlFile.SaveAs("HTMLFileToPDF.pdf")

		' 3. Convert URL to PDF
		Dim url = "http://ironpdf.com" ' Specify the URL
		Dim pdfFromUrl = renderer.RenderUrlAsPdf(url)
		pdfFromUrl.SaveAs("URLToPDF.pdf")
	End Sub
End Class
$vbLabelText   $csharpLabel

Utilizando WebView2 e IronPDF em conjunto

A combinação de WebView2 e IronPDF em um projeto C# abre possibilidades empolgantes. Embora o WebView2 seja excelente para exibir e interagir com conteúdo da web, o IronPDF se destaca na conversão desse conteúdo para o formato PDF. Essa integração permite que os desenvolvedores criem aplicativos que não apenas exibem conteúdo da web, mas também oferecem funcionalidades para converter conteúdo da web em documentos PDF .

Capturando conteúdo do WebView2 com o IronPDF

Criar um aplicativo Windows Forms que inclua o WebView2 permite que os usuários naveguem na internet dentro do seu aplicativo. Comece adicionando um controle WebView2 ao seu formulário. Este controle deve ocupar uma parte significativa do formulário, proporcionando amplo espaço para navegação na web. Além disso, inclua controles de navegação, como barras de endereço e botões, para uma experiência de navegação completa.

Adicionando o recurso de conversão para PDF

Adicione um botão ao seu formulário com o rótulo "Converter para PDF". Esse botão servirá de gatilho para que os usuários convertam a página da web visualizada em um documento PDF usando o IronPDF.

Instale a biblioteca IronPDF

Instale usando o Gerenciador de Pacotes NuGet

Para integrar o IronPDF ao seu projeto WebView2 usando o gerenciador de pacotes NuGet , siga estas etapas:

  1. Abra o Visual Studio e, no explorador de soluções, clique com o botão direito do mouse no seu projeto.
  2. Selecione "Gerenciar pacotes NuGet …" no menu de contexto.
  3. Vá para a aba de navegação e pesquise por IronPDF.
  4. Selecione a biblioteca IronPDF nos resultados da pesquisa e clique no botão Instalar.
  5. Aceite qualquer solicitação de contrato de licença.

Se você deseja incluir o IronPDF em seu projeto por meio do console do gerenciador de pacotes, execute o seguinte comando no console do gerenciador de pacotes:

Install-Package IronPdf

Ele irá buscar e instalar o IronPDF no seu projeto.

Instalar usando o site do NuGet

Para obter uma visão geral detalhada do IronPDF, incluindo seus recursos, compatibilidade e opções adicionais de download, visite a página do IronPDF no site do NuGet emhttps://www.nuget.org/packages/IronPdf .

Instalar via DLL

Alternativamente, você pode incorporar o IronPDF diretamente em seu projeto usando o arquivo DLL. Baixe o arquivo ZIP contendo a DLL nesta página de download de DLL . Descompacte o arquivo e inclua a DLL no seu projeto.

Implementando a lógica de conversão

Quando o usuário clicar no botão "Converter para PDF", seu aplicativo deverá capturar a URL ou o conteúdo HTML exibido no controle WebView2. Utilize os recursos do IronPDF para converter este conteúdo da web em um PDF. Eis um exemplo de abordagem:

  1. Capturar conteúdo atual: Quando o usuário inicia a conversão, busque o conteúdo atual do controle WebView2. Isso pode ser a URL ou diretamente o conteúdo HTML.
  2. Gerar PDF com o IronPDF: Use o IronPDF para criar um PDF a partir do conteúdo da web capturado. O método RenderUrlAsPdf do ChromePdfRenderer pode renderizar a página web atual em um documento PDF.
  3. Salvar e notificar: Salve o PDF gerado em um local predefinido ou solicite ao usuário que escolha um local para salvar. Após salvar o PDF, notifique o usuário sobre a conversão bem-sucedida, possivelmente por meio de uma caixa de mensagem.
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
$vbLabelText   $csharpLabel

Aqui está a saída da interface do usuário:

Exemplo de Webview2 em C# (Como funciona para desenvolvedores): Figura 3 - Conversão de página da Web para PDF

Ao clicar no botão Converter, o conteúdo da página será convertido em PDF e a seguinte mensagem será exibida:

Exemplo de Webview2 em C# (Como funciona para desenvolvedores): Figura 4 - Confirmação de conversão

Conclusão

Exemplo de Webview2 em C# (Como funciona para desenvolvedores): Figura 5 - Licença

Ao concluirmos nossa exploração do WebView2 e do IronPDF no contexto do desenvolvimento em C#, fica claro que a sinergia entre essas duas tecnologias oferece um conjunto abrangente de recursos para a criação de aplicativos dinâmicos e versáteis.

Ao integrar o WebView2, você pode incorporar tecnologias web avançadas diretamente em seus aplicativos C#, aprimorando sua funcionalidade e a experiência do usuário. O IronPDF complementa isso, fornecendo as ferramentas para converter essas interfaces e conteúdos baseados na web em documentos PDF acessíveis, ideais para relatórios, documentação e compartilhamento de dados.

Experimente todo o potencial do IronPDF com uma avaliação gratuita do IronPDF e desbloqueie a gama completa de recursos com licenças a partir de $799.

Perguntas frequentes

O que é WebView2 e por que é importante para desenvolvedores C#?

O WebView2 é a mais recente tecnologia de visualização da web da Microsoft, baseada no mecanismo Chromium. Ele permite que desenvolvedores C# incorporem tecnologias da web como HTML, CSS e JavaScript em seus aplicativos, possibilitando a criação de conteúdo dinâmico e interfaces de usuário complexas.

Como posso integrar o WebView2 em uma aplicação C#?

Para integrar o WebView2 em uma aplicação C#, você precisa adicionar o SDK do WebView2 via NuGet. Isso fornece as bibliotecas necessárias para incorporar conteúdo web em sua aplicação, seja para projetos Windows Forms ou WPF.

Como faço para converter o conteúdo HTML exibido no WebView2 para PDF em um aplicativo C#?

Você pode usar o IronPDF para converter conteúdo HTML exibido no WebView2 em PDF. Capture o conteúdo ou a URL do WebView2 e, em seguida, use os métodos RenderUrlAsPdf ou RenderHtmlAsPdf do IronPDF para convertê-lo em um documento PDF.

Quais são as vantagens de usar o WebView2 em relação às tecnologias tradicionais de visualização da web em C#?

O WebView2 oferece vantagens como suporte a padrões web modernos, renderização confiável usando o mecanismo Chromium e integração perfeita de conteúdo web em aplicativos nativos, aprimorando tanto o desempenho quanto a experiência do usuário.

Posso usar o WebView2 tanto em aplicações Windows Forms quanto em aplicações WPF?

Sim, o WebView2 pode ser implementado tanto em aplicações Windows Forms quanto em WPF, atuando como um contêiner versátil para renderizar conteúdo web nesses tipos de aplicações C#.

Como o IronPDF aprimora a funcionalidade de aplicativos que utilizam o WebView2?

O IronPDF aprimora a funcionalidade, permitindo que aplicativos que utilizam o WebView2 convertam o conteúdo da web exibido em documentos PDF. Isso é útil para recursos como geração de relatórios e documentação diretamente do aplicativo.

Quais são os passos para instalar o IronPDF em um projeto C# usando o NuGet?

Para instalar o IronPDF usando o NuGet, abra o Visual Studio, clique com o botão direito do mouse no seu projeto, escolha "Gerenciar Pacotes NuGet...", procure por IronPDF e clique em "Instalar". Como alternativa, use o Console do Gerenciador de Pacotes com o comando Install-Package IronPDF .

É possível usar o IronPDF para converter URLs online em PDF em uma aplicação C#?

Sim, o IronPDF pode converter URLs online em documentos PDF. Você pode usar o método RenderUrlAsPdf para obter e converter a página da web a partir de uma URL em um PDF, preservando seu layout e estilos.

Qual é um exemplo simples de como carregar conteúdo da web em um WebView2 em C#?

Um exemplo simples é criar uma nova instância de WebView2, definir sua origem para uma URL e, em seguida, exibir a página da web em seu aplicativo C#, permitindo conteúdo da web incorporado.

Como os desenvolvedores podem se beneficiar da combinação do WebView2 e do IronPDF em seus aplicativos?

Ao combinar WebView2 e IronPDF, os desenvolvedores podem criar aplicativos que exibem conteúdo da web e o convertem em PDF, aprimorando funcionalidades como gerenciamento dinâmico de conteúdo, geração de relatórios e documentação.

Curtis Chau
Curtis Chau
  Converse agora mesmo com a equipe de engenharia.
Redator Técnico

Curtis Chau é bacharel em Ciência da Computação (Universidade Carleton) e se especializa em desenvolvimento front-end, com experiência em Node.js, TypeScript, JavaScript e React. Apaixonado por criar interfaces de usuário intuitivas e esteticamente agradáveis, Curtis gosta de trabalhar com frameworks modernos e criar manuais ...

Leia mais

Artigos relacionados

Teste grátis por 30 dias → Produto completo. Sem limites. Sem cartão. Teste gratuito

Equipe de suporte de ferro

Estamos online 24 horas por dia, 5 dias por semana.
Bater papo
E-mail
Liga para mim