별도의 언급이 없는 한, 아래에 기술된 변경 사항은 Android, Chrome OS, Linux, Mac, Windows용 최신 Chrome
베타 채널 릴리스에 적용됩니다.
CSS 그리드 레이아웃
대형 LCD TV에서 아주 작은 시계 화면에 이르기까지, 모든 크기의 화면에서 웹사이트에 액세스하는 경향이 점점 커지고 있습니다. 예전부터 이처럼 모든 크기의 화면을 지원하는 데는 마크업 및 CSS의 복잡한 조합이 필요했으며, 이로 인해 코드를 유지 관리하기가 어려웠습니다. 이제는 사이트 개발자가 사용자가 이용하는 현재 화면 크기에 맞춰 요소를 확대하거나 축소하는 방식을 더욱 세밀하게 제어할 수 있도록,
CSS 그리드 레이아웃을
제공해드립니다.
CSS 그리드는 반응형 사용자 인터페이스 디자인에 최적화된 2차원 그리드 기반 레이아웃 시스템을 지원합니다. 그리드 내 요소가 여러 열이나 행에 걸쳐 있도록 지정할 수 있습니다. CSS 그리드에 배치된 요소에는 이름을 지정하여 레이아웃 코드를 더 쉽게 이해하도록 할 수도 있습니다.
향상된 '메인 스크린에 추가' 기능
Android용 Chrome 초기 버전이 출시된 이후로 사용자는 빠르고 간편한 액세스를 위해 메인 스크린에 원하는 사이트를 추가할 수 있게 되었습니다. 이는
Android 단축키를 사용하여 아이콘을 추가하는 기능입니다. 즉, Android 전체 환경에서 웹 앱이 표시되는 방식이 설치되어 있는 기본 앱과는 다르다는 의미입니다.
이번 릴리스에서는 사용자가
Progressive Web App을 자신의 메인 스크린에 추가하면 Chrome이
더 긴밀하게 웹 앱을 Android에 통합합니다. 이를테면, Progressive Web App은 이제 런처의 앱 창 섹션과 Android Settings에 나타나고 다른 앱에서 들어오는 인텐트를 받을 수 있게 됩니다. 또한, 알림을 길게 누르면 Chrome용 알림 관리 컨트롤이 아니라 일반적인 Android 알림 관리 컨트롤이 나타납니다.
Media Session API
미디어 사용은 모바일 웹에 가장 흔한 사용 사례 중 하나입니다. Android용 Chrome에서는 개발자가 새로운
Media Session API를 사용하여 미디어 콘텐츠와 함께 잠금 화면 UI와 알림을 맞춤설정할 수 있습니다. 개발자는 재생되는 콘텐츠에 대한 메타데이터를 브라우저에 제공함으로써 제목, 아티스트, 앨범 이름 및 아트워크와 같은 정보를 포함하는 풍부한 잠금 화면 메시징을 만들 수 있습니다. 그 밖에도, 이제는 사이트에서 탐색이나 건너뛰기와 같이 알림 자체에 대해 사용자가 취하는 행위에 반응할 수 있습니다.
이번 릴리즈에 포함된 기타 기능
동영상이 Android 기기에서 전체 화면으로 재생될 경우 이제는 Chrome에서 동영상의 가로세로 비율에 따라 화면 방향이 자동으로 잠깁니다.
루프를 사용하여 뷰 프레임을 벗어나는 애니메이션을 실행할 때 지속적인 setTimeout()을 사용하는 사이트는 이제 제한되며, 이로써 사용자에게 제공되는 성능이 향상됩니다.
-
padStart 및 padEnd 서식 지정 도구가 새로 추가되어 텍스트 여백을 지원하므로 콘솔 출력을 정렬하거나 고정된 자릿수로 숫자를 인쇄하는 것과 같은 작업을 원활하게 수행할 수 있습니다.
-
-
-
HTTP에서 HTTPS로 마이그레이션을 단순화하기 위해 HTTP 양식에 대해 저장된 사용자 인증 정보가 이제 HTTPS 버전의 사이트로 전송되며, Credential Management API는 이제 일치하는 하위 도메인에서 사용자 인증 정보를 가져와 채우는 기능을 지원합니다.
-
다른 on<event> 속성과의 일관성을 유지하기 위해 ongotpointercapture 및 onlostpointercapture가 이제 GlobalEventHandlers mixin에 포함되었습니다.
이제는 텍스트의 기준선 아래로 내려가는 글자 부분인 내림 영자에 대한 밑줄 표시를 건너뛰게 하는 text-decoration-skip: ink가 지원됩니다.
이제는 새로운 text-decoration 속성을 사용할 수 있는데, 개발자는 이 속성을 사용하여 선 색 및 스타일과 같은 시각적 효과를 지정할 수 있습니다.
-
-
-
cancelAndHoldAtTime 함수가 새로 추가되었는데, 이 함수는 시간이 cancelTime보다 크거나 같은 미래의 AudioParam을 취소합니다. 이를 통해 개발자는 직접적인 방식으로 예약한 시간 값을 유지할 수 있습니다.
-
사용자 보안을 강화하기 위해 이제는 Chrome의 XSS Auditor가 페이지에서 의심스러운 XSS를 선택적으로 걸러내는 대신 의심스러운 페이지 전체를 기본적으로 차단합니다.
지원 중단 및 상호 운용성 개선 사항
다른 브라우저에 맞춰 <keygen> 요소에 대한 지원이 제거되었으므로, 이 요소는 더 이상 어떠한 컨트롤도 표시하지 않고 양식 요소 데이터도 제출하지 않습니다.
-
-
<cursor> 요소가 제거되었습니다. 단, cursor CSS 속성을 통해 계속해서 커서 아이콘을 설정할 수 있습니다.
-
이제는
usemap 속성에서 대소문자 일치를 요구합니다.
M38에서 접두사로 -webkit-가 지정된 IndexedDB 전역 별칭의 지원이 중단된 후 이러한 별칭이 모두 제거되었습니다.
-
webkitClearResourceTimings(), webkitSetResourceTimingBufferSize() 및 onwebkitresourcetimingbufferfull에 대한 지원이 Performance 인터페이스에서 제거되고, 이제 clearResourceTimings(), setResourceTimingBufferSize() 및 onresourcetimingbufferfull로 대체되었습니다.
-
사용이 중지된 API인 webkitCancelRequestAnimationFrame에 대한 지원이 제거되었으며, cancelAnimationFrame으로 대체되었습니다.
브라우저 간 일관성을 유지하기 위해 Android에서 wordWrap: break-word 및 -webkit-line-break: after-white-space가 더 이상 contenteditable 컨테이너에서 기본적으로 설정되지 않습니다.
webkit 접두사가 AudioContext 및 OfflineAudioContext에서 제거되었습니다.
게시자: Xi Han, 메인 스크린 전문가
