Edge HTML 18 브라우저는 이전 버전보다 더 빠르고 안정적으로 개선되었으며, 다양한 신규 기능이 추가되었습니다. 마이크로소프트는 이번 버전을 '역대 최고의 엣지'라고 소개할 만큼 많은 변화를 담았습니다. 그렇다면 윈도우 10 v1809(2018년 10월 업데이트)에 탑재된 Edge HTML 18에는 어떤 새로운 기능들이 포함되어 있을까요? 이 글에서는 일반 사용자를 위한 개선점과 함께 웹 개발자를 위한 변경 사항까지 모두 살펴보겠습니다.
윈도우 10 Edge 브라우저의 주요 신규 기능
윈도우 10 1809 버전의 Edge는 리프레시된 메뉴와 설정 화면으로 한층 세련된 디자인을 갖추게 되었습니다. 또한 다양한 사용자 지정 옵션과 집중력을 높여주는 학습 도구가 새롭게 추가되어 활용성이 크게 향상되었습니다.
개발자라면 이번 업데이트와 함께 공개된 '새로운 개발자 기능'들도 주목할 필요가 있습니다. 해당 내용은 아래에서 자세히 다룹니다.
1. 미디어 자동 재생 제어
웹 서핑 중 갑작스럽게 재생되는 영상과 소리 때문에 불편함을 느낀 적이 있으신가요? 이번 업데이트를 통해 사이트별로 미디어 자동 재생 여부를 직접 제어할 수 있게 되어 더 이상 예상치 못한 소리에 놀랄 일이 없습니다.
미디어 자동 재생 설정은 Microsoft Edge 설정 메뉴의 '고급' 탭에서 찾을 수 있습니다.
'설정' > '고급' > '미디어 자동 재생'으로 이동하면 허용, 제한, 차단의 세 가지 옵션이 제공됩니다.
- 허용: 기본값입니다. 탭이 처음 화면 앞쪽에 표시될 때 사이트 판단에 따라 영상이 계속 재생됩니다.
- 제한: 음소거 상태의 영상만 자동 재생되도록 제한합니다. 소리로 인해 놀랄 일이 없으며, 페이지 아무 곳이나 클릭하면 자동 재생이 다시 활성화되고 해당 탭 내에서는 계속 허용됩니다.
- 차단: 미디어 콘텐츠와 직접 상호 작용하기 전까지 모든 사이트에서 자동 재생을 막습니다. 다만 강력한 차단 방식 때문에 일부 사이트에서는 영상이나 오디오가 정상 재생되려면 여러 번 클릭해야 하는 경우가 있을 수 있습니다.
또한 주소 표시줄의 사이트 정보 보기(자물쇠 아이콘 또는 정보 아이콘)를 클릭하고 미디어 자동 재생 설정을 변경하면 사이트 단위로 자동 재생을 개별적으로 허용하거나 차단할 수 있습니다.
2. 새롭게 디자인된 메뉴와 설정 인터페이스
새로운 Edge 브라우저는 설정 메뉴를 더 쉽게 탐색할 수 있도록 개편하여 자주 사용하는 기능을 눈에 잘 띄는 위치에 배치했고, 브라우저 툴바를 사용자 지정하는 방법도 다양하게 확장되었습니다.
즐겨찾기, 방문 기록, 다운로드 등은 새롭게 디자인된 Microsoft Edge의 허브(Hub) 메뉴에 통합되었습니다. 주소 표시줄 옆의 '즐겨찾기' 아이콘을 클릭한 후 읽기 목록, 책, 방문 기록, 다운로드 항목을 선택하여 확인할 수 있습니다.
'설정 및 기타' 메뉴에서는 옵션이 그룹별로 정리되고 각 항목에 아이콘과 키보드 단축키(지원되는 경우)가 표시되어, 한눈에 파악하고 빠르게 조작할 수 있는 환경을 제공합니다.
특히 많은 사용자가 요청했던 툴바 아이콘 사용자 지정 기능도 추가되었습니다. 모든 아이콘을 제거해 깔끔한 화면을 유지하거나, 원하는 만큼 추가해 자주 쓰는 기능을 손끝에서 바로 사용할 수 있습니다. '설정 및 기타' 메뉴에서 '도구 모음에 표시' 옵션을 선택하면 바로 시작할 수 있습니다.
3. 읽기 모드와 학습 도구 개선으로 집중력 향상
Microsoft는 사용자가 집중력을 유지하고 업무를 효율적으로 처리할 수 있도록 Edge의 읽기 모드와 학습 도구에 여러 가지 개선 사항을 반영했습니다.
읽기 보기로 웹 페이지를 열람할 때, 몇 줄씩 하이라이트하여 표시해 주는 기능을 통해 주변의 산만한 요소를 차단하고 내용에만 몰입할 수 있습니다. 페이지 아무 곳이나 클릭하거나 탭한 후 학습 도구 > 읽기 기본 설정으로 이동해 줄 포커스(Line Focus)를 켜면 됩니다.
줄 포커스는 현재 읽고 있는 부분 외의 페이지 영역을 어둡게 처리하여 시각적인 방해 요소를 최소화해 줍니다.
또한 새로운 사전 기능을 통해 읽기 보기, 전자책, PDF 문서에서 단어의 뜻을 바로 조회할 수 있습니다. 단어를 선택하면 해당 단어 위에 정의가 나타나며, 오프라인 상태에서도 사용 가능합니다. 참고로 이 기능의 정확도는 선택한 단어의 언어나 시스템 언어 설정에 따라 달라질 수 있습니다.
4. 기타 개선 사항
이 외에도 전반적인 디자인 개선, PDF 처리 성능 향상, 더욱 강력해진 다운로드 관리자 등 눈에 띄는 변화가 다수 포함되어 있습니다.
웹 개발자를 위한 Edge HTML 18의 새로운 기능
개발자 입장에서도 이번 릴리스는 의미 있는 변화가 많습니다. EdgeHTML 렌더링 엔진 버전 18을 비롯해 주요 하이라이트를 아래에서 확인해 보세요.
1. 웹 인증(Web Authentication)
새로운 EdgeHTML 18은 Web Authentication API를 지원하여, 사용자가 Windows Hello로 얼굴, 지문, PIN을 이용해 웹사이트에 로그인할 수 있습니다. FIDO2 보안 키 같은 하드웨어 기반 인증 방식도 함께 지원합니다.
2. 새로운 자동 재생 정책
윈도우 10 1809부터 사용자는 전역 및 사이트별 미디어 자동 재생 컨트롤을 직접 구성할 수 있습니다. 또한 Microsoft Edge는 백그라운드 탭에서 미디어 자동 재생을 자동으로 억제합니다.
개발자라면 자동 재생 정책 가이드를 참고하여 사이트에 호스팅된 미디어로 좋은 사용자 경험을 제공하는 방법과 모범 사례를 확인하는 것이 좋습니다.
3. 서비스 워커(Service Worker) 업데이트
Microsoft는 EdgeHTML 18에서 Service Worker 지원에 여러 업데이트를 적용했습니다. fetchEvent를 통해 Service Worker가 preloadResponse로 응답을 프라미스(promise)로 받아올 수 있고, resultingClientId로 현재 서비스 워커가 제어하는 클라이언트의 ID를 반환할 수 있습니다.
NavigationPreloadManager 인터페이스는 리소스 사전 로딩을 관리하는 메서드를 제공하여, 서비스 워커가 부팅되는 동안 병렬로 요청을 처리함으로써 지연 시간을 없앱니다.
4. CSS 마스킹, 배경 블렌드 및 오버스크롤
EdgeHTML 18은 CSS Masking 지원을 크게 개선했습니다. 이번 구현은 WebKit 호환 속성인 webkitMask, webkitMaskComposite, webkitMaskImage, webkitMaskPosition, webkitMaskPositionX, webkitMaskPositionY, webkitMaskRepeat, webkitMaskSize를 지원할 뿐만 아니라, 표준 속성인 maskComposite, maskPosition, maskPositionX, maskPositionY, maskRepeat에 대한 완전한 지원도 추가했습니다.
CSS 개선은 스크롤 영역 경계에 도달했을 때의 동작 처리에도 적용되었습니다. overscroll-behavior 속성과 함께 overscroll-behavior-x, overscroll-behavior-y, overflow-wrap이 지원됩니다.
5. Chakra JavaScript 엔진 개선
EdgeHTML 18은 Chakra JavaScript 엔진에 대한 개선을 포함하여 새로운 ES 및 WASM 기능을 지원하고, 성능과 상호 운용성을 향상시켰습니다.
6. 개발자 도구
최신 Microsoft Edge DevTools 업데이트는 UI와 내부 동작 모두에서 편의성을 높였습니다. Service Workers와 Storage를 위한 새로운 전용 패널, 디버거의 소스 파일 검색 도구, 스타일/레이아웃 디버깅 및 콘솔 API를 위한 새로운 Edge DevTools Protocol 도메인 등이 추가되었습니다.
7. 웹 알림(Web Notification) 속성
웹 알림에서 actions, badge, image, maxActions의 네 가지 새로운 속성이 지원됩니다. 이를 통해 기존 알림 시스템과 호환되면서도 플랫폼에 종속되지 않는 웹 알림 제작이 한층 수월해졌습니다.
8. WebP 이미지 지원
Microsoft는 WebP 이미지 형식에 대한 지원을 추가하여, 웹 전반에서 WebP 이미지를 제공하는 사이트들과의 호환성을 개선했습니다.
9. 프로그레시브 웹 앱(PWA)
윈도우 10 JavaScript 앱(WWAHost.exe 프로세스에서 실행되는 웹 앱)은 이제 뷰가 활성화되기 전에 시작되어 프로세스 수명 동안 실행되는 선택적 애플리케이션별 백그라운드 스크립트를 지원합니다. 이를 통해 탐색을 모니터링·수정하고, 탐색 간 상태를 추적하며, 탐색 오류를 감시하고, 뷰 활성화 전에 코드를 실행할 수 있습니다.
Microsoft에 따르면 윈도우 10의 WebDriver 구현이 업데이트되어 1,357개의 웹 플랫폼 테스트 중 1,222개를 통과했습니다. WebDriver는 이제 Windows Feature on Demand(FoD)로 제공되어, Microsoft Edge에서 자동화 테스트를 수행하고 기기에 맞는 올바른 버전을 확보하는 것이 그 어느 때보다 쉬워졌습니다.
Edge HTML 18에 대한 더 자세한 기술 정보가 궁금하다면 Microsoft 공식 문서를 참고하시기 바랍니다.