Windows 11에는 모든 응용 프로그램에서 어둡거나 밝은 모드를 사용할 수 있는 옵션이 있습니다. Microsoft에는 Edge의 렌더링 도구라는 유사한 도구가 있습니다. 렌더링 도구는 "렌더링된 페이지에서 어둡거나 밝은 구성표를 에뮬레이트"하여 웹사이트가 어떻게 생겼는지 확인할 수 있습니다.
따라서 Dark Reader와 같은 Edge 확장 프로그램을 사용하지 않고 어둡거나 밝은 모드를 활성화하는 옵션을 원하는 경우 Edge에서 렌더링 도구를 대신 사용할 수 있습니다.
Edge의 렌더링 도구는 웹 개발자가 다양한 디스플레이 옵션에서 웹페이지가 어떻게 보이는지 확인하거나 색맹과 같은 시각 장애가 있는 사람들이 사용하는 웹 개발 도구입니다.
모든 브라우저의 개발자 도구는 테스트용이므로 이 도구에서 변경한 내용을 저장할 수 없습니다. 코드만 변경하고 변경 사항을 저장할 수 있습니다.
개발자 도구 사용
Chrome의 Rendering 탭과 유사하게 Edge의 Rendering 도구를 사용하여 다양한 색상 옵션에서 웹사이트가 어떻게 보이는지 확인할 수 있습니다.
Microsoft의 브라우저 도구 수석 프로그램 관리자인 Chris Heilmann은 다크 모드 옵션을 사용할 수 없는 웹 사이트에 대해 다크 모드를 강제 실행하는 방법에 대한 몇 가지 유용한 조언을 제공했습니다.
이 기능을 활성화하고 사용하려면 Edge DevTools를 열어야 합니다. 다음 4가지 방법으로 DevTools를 열 수 있습니다.
1. 마우스를 사용하여 웹사이트를 마우스 오른쪽 버튼으로 클릭하고 검사를 마우스 왼쪽 버튼으로 클릭합니다. . 이 옵션은 실제로 개발자 도구(DevTools) 아래의 "요소" 탭으로 이동하지만 여기에서 언제든지 "렌더링" 탭을 클릭할 수 있습니다.
2. 열려 있는 Edge 창의 오른쪽 상단에 있는 3점 Edge 설정으로 이동합니다. 추가 도구> 개발자 도구를 클릭합니다. .
3. Ctrl + Shift + I 단축키.
4. F12 키를 누릅니다. 당신의 키보드에. 나중에 Edge 설정에서 언제든지 이 키보드 단축키를 끌 수 있습니다.
Edge의 렌더링 도구 액세스
이제 DevTools가 Edge에서 열렸으므로 "Welcome" 탭이 표시되어야 합니다.
다음 단계는 렌더링 탭을 여는 것입니다. 다음은 수행해야 할 작업입니다.
1. 오른쪽 상단에 있는 DevTools 점 3개로 된 메뉴를 클릭합니다.
2. 추가 도구> 렌더링을 클릭합니다. .
3. 자동 어두운 모드 사용을 찾을 때까지 스크롤합니다. 기본 색상 구성표를 어둡게 설정하는 자동 다크 모드를 활성화하려면 확인란을 클릭합니다.
자동 다크 모드로의 변경은 즉각적이므로 변경 사항을 적용하기 위해 웹페이지를 새로고침할 필요가 없습니다.