요구사항: 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 Forms Control의 WebView2 컨트롤을 찾아 Form1 폼으로 드래그하세요. 다음 그림과 같이 표시됩니다:
팁: 기본적으로 Visual Studio 2017에서는 WebView2가 툴박스에 나타나지 않습니다. WebView2를 툴박스에 보이게 하려면 Tools > 옵션을 General>> 선택하고 Autofill toolbox 설정을 true로 설정하세요.
webView21 컨트롤을 설정하세요도크: 필, 출처:https://www.itsvse.com/, 아래 그림에서 볼 수 있습니다:
프로젝트를 시작하면 WinForm 애플리케이션이 웹 콘텐츠를 성공적으로 로드하고 표시하는 것을 확인할 수 있습니다. 아래 이미지에서 확인할 수 있습니다:
WinForm 애플리케이션 크기
가장 큰 우려 중 하나는 애플리케이션의 크기입니다. WebView2 SDK를 참조하는 새로운 WinForm 애플리케이션을 만든 후, 거의 코드가 작성되지 않은 상태에서 프로그램의 크기는 다음과 같습니다:1.36M, 아래 그림에서 볼 수 있습니다:
WebView2 런타임 버전을 표시합니다
시스템에 WebView2 런타임을 탑재했든 WebView2 런타임 버전을 사용하든 .NET 프로그램을 어떻게 통과하나요? 코드는 다음과 같습니다:
호출GetAvailableBrowserVersionString() method비정상적인, 즉 WebView2 런타임이 설치되어 있지 않음을 의미합니다。
앱 배포와 WebView2 런타임에 관한 정보는 다음을 참조하세요:하이퍼링크 로그인이 보입니다.
개발자 도구 활성화
윈포르드와 웹 애플리케이션을 공동 커미셔닝해야 할 때, 때로는 DOM 요소나 네트워크 리소스 요청을 확인해야 할 때 개발자 도구를 어떻게 활성화하나요?
시작 후 webview2 컨트롤의 F12 메서드를 사용해 DevTools 개발자 도구를 열 수 있으며, 다음 코드로 열 수 있습니다:
아래에 나와 있습니다:
우클릭 메뉴와 개발자 도구를 비활성화하세요
실제 운영 환경에서, 고객의 컴퓨터에 애플리케이션 클라이언트를 배포할 때,사용자가 우클릭(새로고침, 페이지 소스 코드 보기 등)하고 개발자 도구나 페이지 확대 컨트롤을 비활성화하는 것을 원하지 않을 것입니다, 코드는 다음과 같습니다:
Microsoft.Web.WebView2.Core API 문서:하이퍼링크 로그인이 보입니다.
Microsoft.Web.WebView2.WinForms API 문서:하이퍼링크 로그인이 보입니다.
소스 코드 다운로드:
관광객 여러분, 이 게시물의 숨겨진 내용을 보고 싶으시다면 부탁드립니다 회답
(끝)
| 
2022-9-25 23:02:27에 게시됨
|
|
|
|
2022-10-8 15:04:43에 게시됨
|
집주인