Chrome 58의 새로운 기능

Pete LePage

변경사항의 전체 목록을 확인하려면 자세한 내용은 Chromium 소스 저장소 변경사항 목록

저는 피트 르페이지입니다. 자세히 알아보고 Chrome 58의 개발자를 위한 새로운 기능을 살펴보겠습니다.

색인화된 데이터베이스 2.0

사이트의 데이터베이스 구조는 성능에 큰 영향을 미치며 변경하기 어렵습니다 IndexedDB 2.0 알아두면 좋습니다.

  • object 저장소 및 indexes는 이제 리팩터링할 필요가 없습니다
  • 바이너리 키를 사용하면 성능에 대한 걱정 없이 더 자연스러운 키를 사용할 수 있습니다. 페널티를 받을 수 있습니다.
  • getKey(), openKeyCursor(), continuePrimaryKey() 메서드를 사용하여 지도 가장자리에 패딩을 추가할 수 있습니다.

전체 데이터 세트의 일괄 복구에는 더 이상 getAll() 및 getAllKey()

전체 화면 프로그레시브 웹 앱

Android 홈 화면에서 프로그레시브 웹 앱을 실행하면 검색주소창을 숨기는 독립형 앱 같은 모드에서 실행할 수 있습니다. 이렇게 하면 매력적인 사용자 환경을 조성하고 콘텐츠를 위한 화면 공간을 확보할 수 있습니다.

하지만 게임, 동영상 플레이어, 기타 리치 콘텐츠가 있는 경우 시스템 표시줄과 같은 모바일 UI 요소가 주의를 산만하게 하고 원하는 가치 있는 픽셀을 차지할 수 있습니다.

이제 프로그레시브 웹 앱을 더욱 실감 나게 즐길 수 있도록 display: fullscreen 웹 앱 매니페스트를 참조하세요.

<ph type="x-smartling-placeholder">
</ph> <ph type="x-smartling-placeholder">
</ph> 홈 화면에서 실행된 PWA (왼쪽)가 홈 화면에서 실행된 PWA standalone 모드 (가운데)로, 홈 화면에서 다음 위치에 실행됨 fullscreen 모드 (오른쪽)

앱이 홈 화면에서 실행되면 모든 비 앱 모바일 UI 요소가 숨겨집니다.

샌드박스 처리된 iframe 개선사항

이제 Chrome 58에서 새 iframe 샌드박스 키워드를 지원합니다. allow-top-navigation-by-user-activation

이 키워드는 사용자 상호작용에 의해 실행되는 경우 샌드박스 처리된 iframe에 자동 리디렉션을 차단하면서 최상위 수준 페이지를 탐색하는 기능을 제공합니다.

그 외에도 다양한 기능 제공

물론 이 외에도 더 많은 기능이 있습니다.

  • clearfix 작업을 중단하세요. 수동으로 재설정하거나 float 및 clear와 같은 여러 레이아웃 속성이 있는 경우 이제 새 display: flow-root를 사용하여 블록 형식 지정 컨텍스트를 사용하는 것도 가능합니다.
  • PointerEvents.getCoalescedEvents()를 통해 모든 입력 이벤트에 액세스할 수 있음 PointerEvent이(가) 마지막으로 게재된 이후 완벽한 시계 화면 그리기 앱 등의 작업을 하려면 점의 정확한 기록이 필요합니다.
  • 이제 data: URL을 사용하여 Workers 및 SharedWorkers를 만들 수 있습니다. Workers에 불투명한 출처를 제공하여 개발의 보안을 높입니다.

이상은 개발자를 위한 Chrome 58의 변경사항 중 일부입니다.

이 동영상이 재미있었다면 디자이너와 개발자, 새로운 동영상 시리즈를 선보이며 Google과 개발자들이 함께 일합니다

그런 다음 YouTube 채널 새 동영상이 게시될 때마다 이메일 알림을 받게 됩니다.

저는 피트 르페이지입니다. Chrome 59가 출시되자마자 Chrome의 새로운 기능을 소개해 드리겠습니다.