Requisitos: Crie um novo projeto WinForm do .NET Framework 4.7.2 com VS 2022, consulte o pacote do SDK Microsoft.Web.WebView2 e use o controle WebView2 para exibir e renderizar o aplicativo web. O controle Microsoft Edge WebView2 permite incorporar tecnologias web (HTML, CSS e JavaScript) em aplicativos nativos. O controle WebView2 usa o Microsoft Edge como motor de desenho para exibir conteúdo web em aplicativos nativos.
Revisar:
Runtime do WebView2
Se seu sistema Windows não tiver o runtime do WebView2 instalado (O sistema Windows 11 já está instalado por padrão), na primeira vez que precisar baixá-lo manualmente, endereço:O login do hiperlink está visível.
Criar um novo projeto WinForm
Abra o VS 2022 para criar um novo projeto WinForm para o .NET Framework 4.7.2; após criá-lo, você precisa consultar o pacote Microsoft.Web.WebView2, o comando nuget é o seguinte:
Na caixa de ferramentas, encontre o controle WebView2 em Windows Forms Control e arraste-o para o formulário Form1, como mostrado na figura a seguir:
Dica: Por padrão, no Visual Studio 2017, o WebView2 não aparece na Toolbox. Para fazer o WebView2 aparecer na caixa de ferramentas, selecione a opção Ferramentas > > Geral> e defina a configuração de Preencher Automático como verdadeiro.
Configure o controle webView21Dock: Preenchimento, Fonte:https://www.itsvse.com/, como mostrado na figura abaixo:
Inicie o projeto e você verá que o aplicativo WinForm carrega e exibe com sucesso o conteúdo da web, como mostrado na imagem a seguir:
Tamanho da aplicação WinForm
Uma das maiores preocupações é o tamanho da aplicação; após criar uma nova aplicação WinForm que faz referência ao WebView2 SDK, o tamanho do programa com quase nenhum código escrito é:1,36M, como mostrado na figura abaixo:
Exibe a versão em tempo de execução do WebView2
Como faço para passar pelo programa .NET se o sistema tem o runtime do WebView2 ou a versão do runtime do WebView2? O código é o seguinte:
invocarMétodo GetAvailableBrowserVersionString()anormal, o que significa que o tempo de execução do WebView2 não está instalado。
Para informações sobre distribuição de aplicativos e runtime do WebView2, veja:O login do hiperlink está visível.
Habilitar ferramentas para desenvolvedores
Como posso habilitar ferramentas para desenvolvedores quando preciso co-comissionar uma aplicação web com o WinForm? Às vezes preciso olhar para elementos DOM ou requisições de recursos de rede?
Você pode abrir as Ferramentas de Desenvolvimento DevTools usando o método F12 no controle webview2 após a inicialização, ou pode abri-las com o seguinte código:
Como mostrado abaixo:
Desative menus com clique direito e ferramentas para desenvolvedores
Em um ambiente real de produção, quando implantamos o cliente de aplicação na máquina do cliente,Você não quer que os usuários possam clicar com o botão direito (atualizar, visualizar o código-fonte da página, etc.) e desativar ferramentas de desenvolvimento e controles de zoom de página, o código é o seguinte:
Microsoft.Web.WebView2.Core API documentação:O login do hiperlink está visível.
Microsoft.Web.WebView2.WinForms API documentation:O login do hiperlink está visível.
Código fonte para download:
Turistas, se quiserem ver o conteúdo oculto deste post, por favor Resposta
(Fim)
|
Postado em 25-09-2022 23:02:27
|
|
|
|
Postado em 2022-10-8 15:04:43
|
Senhorio