C# WebBrowser에서 웹페이지의 CSS 스타일시트가 깨지는 문제 해결 방법

 

 

C#으로 간단한 윈폼 어플리케이션을 만드는 중에 WebBrowser를 삽입하였는데

CSS 스타일시트가 적용되지 않아 아래 이미지와 같이 웹 화면이 깨지는 증상이 발생하였다.

 

 

 

728x90

 

 

알아보니 C#의 WebBrowser 컨트롤을 사용할 때 웹 페이지의 CSS가 깨지는 문제는 종종 발생할 수 있다고 한다.

이 문제를 해결하기 위한 한 가지 방법은 Windows 레지스트리를 수정하여 WebBrowser 컨트롤이 IE 렌더링 모드로 동작하도록 설정하면 된다고 한다.

 

붉은 점선 박스 부분이 C# WebBrowser 컨트롤인데 CSS가 정상적으로 적용되지 않아서 화면이 엉성하게 출력된다.

 

 

 

원래 정상적인 화면은 위 그림과 같이 표시되어야 한다.

 

 

그런데 구글링을 해 보니 레지스트리에 DWORD값을 하나 추가해 주는 것만으로 이 문제가 해결된다.

 

 

 

 

 

C# WebBrowser에서 CSS 깨지는 문제 해결 방법

 

윈도우 커멘트창에 regedit를 입력 및 실행하여 레지스트리 편집기를 열고

컴퓨터\HKEY_LOCAL_MACHINE\SOFTWARE\WOW6432Node\Microsoft\Internet Explorer\Main\FeatureControl\FEATURE_BROWSER_EMULATION

위의 경로로 들어가서 다음과 같이 DWORD값을 하나 추가해 준다.

 

 

이름은 실행할 C# 어플리케이션의 이름을 입력해 주면 된다.

 

 

이상으로 C#에서 웹브라우저의 CSS가 깨지는 문제를 해결하는 방법을 간단하게 알아보았다.