Google for Developers Korea Blog: Chrome 56 베타 버전에서 변경된 내용들을 확인해 보세요.

Chrome 56 베타 버전에서 변경된 내용들을 확인해 보세요.

2017년 1월 20일 금요일

여기고재도(Web Technologies GDE)베타 HTTP 암호 및 신용카드 페이지의 “Not Secure” 경고HTTP 페이지HTTPS를 사용하여 트래픽을 보호일반 보안 가이드라인

HTTP 연결을 사용하는 경우 사이트의 URL 표시줄에 Chrome ‘Not Secure’ 경고가 표시됨

웹 블루투스Web Bluetooth APIGATT 프로토콜블루투스 기기프린터 및 LED 디스플레이물리적 웹샘플데모

웹을 통해 BLE 지원 심박수 모니터에 연결하는 Android 기기(소스)

CSS position: sticky Chrome은 이제 요소의 위치를 지정하는 새로운 방법인 CSS position: sticky를 지원합니다. position: sticky 요소는 상대적으로 위치가 지정되지만 사용자가 특정 스크롤 위치에 도달한 후에는position: fixed가 됩니다.

이전에는, 표시 영역의 맨 위에 고정되는 콘텐츠 헤더를 작성하려면 일반적으로 스크롤 이벤트를 듣다가 특정 임계값에서 position을relative에서 fixed로 전환했습니다. 이 솔루션은 동기화하기가 어려우므로, 작은 시각적 점프가 발생합니다. 이제, 사용자는 요소의 위치를 sticky로 간단히 지정함으로써 원하는 효과를 이룰 수 있습니다.

이번 릴리스의 기타 특징들

Android에 새로 추가된 Remote Playback API를 사용하면 사이트가 스마트 TV 및 스피커에서 HTMLMediaElement 재생을 시작하고 제어할 수 있습니다.

WebVR API는 Android에서 개발자가 웹에 가상 현실 환경을 구축할 수 있는 원래 평가판으로 제공됩니다.

WebGL 2.0 API는 데스크톱 플랫폼에서 기본적으로 활성화되어 <canvas> 요소를 통해 OpenGL ES 3.0 수준의 렌더링 기능을 제공합니다.

사용자가 대체로 사이트와 상호 작용하지 않은 경우 Adobe Flash 지원은 navigator.plugins 및 navigator.mimetypes에서 더 이상 광고되지 않습니다. 이는 사용자가 사이트별로 Flash 환경을 다시 활성화할 수 있더라도 적용됩니다.

사이트에서는 이제 Image Capture 초기 평가판을 사용하여 사진을 찍고 확대/축소와 같은 카메라 설정을 구성을 시험할 수 있습니다.

CSS overflow-anchor 속성이 설정되지 않은 경우 콘텐츠가 뷰포트 위에 오도록 변경되면 Chrome이 이제 자동으로 스크롤 위치를 조정하여 뷰포트 안에 콘텐츠가 고정되도록 합니다.

이제 Notifications API를 통해 사이트가 image 속성을 설정하여 알림에 이미지를 포함할 수 있습니다.

PaymentRequest API에는 requestPayerName 및 JSON 직렬화를 포함하여 다양한 새로운 기능이 추가되어 있습니다.

모바일 환경에서 URL 표시줄을 표시하거나 숨기는 경우 더 이상 vh와 같은 뷰포트 단위에 맞게 초기 포함 블록 또는 요소의 크기가 조정되지 않습니다.

Text 입력 요소(예: <input type="text">)의 맞춤법 검사 기능이 이제 최소 512MB의 메모리와 시스템 사전을 갖춘 Android 기기에서 기본적으로 활성화되어 제공됩니다.

콘텐츠가 UI 내부에 포함되도록 맞추는 데 사용되는 일반 글꼴 모음이 모든 플랫폼에 걸쳐 표준화되어 이름이 system-ui로 변경되었습니다.

새 Referrer-Policy HTTP 헤더가 추가되었으므로 사이트가 사용자의 세션 ID 또는 기타 개인 정보를 유출하지 않고 URL을 통해 사이트 트래픽을 전달할 수 있습니다.

KeyboardEvent.isComposing()을 통해서는 사이트에서 사용자가 키보드 이벤트를 직접 모니터링하지 않고 최신 KeyboardEvents를 기반으로 입력하는지 여부를 결정할 수 있습니다.

Android용 Chrome에서는 다른 모바일 브라우저와 맞추기 위해 이제 휴대폰 연결 시 동영상에 대한 기본 preload 속성을 metadata로 설정하여 미리보기 이미지 및 시간 정보를 표시합니다.

Chrome에서는 이제 TLS 1.3을 지원하고 draft-18을 기반으로 하는 1-RTT를 포함합니다.

사이트는 ImageBitmapRenderingContext를 사용하여 ImageBitmap 형식의 픽셀 데이터를 렌더링하여 메모리 사용량 및 합성 오버헤드를 줄일 수 있습니다.

사이트는 pinch-zoom CSS touch-action 속성을 사용하여 손가락 모으기 제스처에 응답할 수 있습니다.

ConstantSourceNode는 AudioParam과 혼합된 상수 출력을 생성하는 새로운 오디오 소스 노드입니다.

Web Audio ChannelSplitterNode 인터페이스에는 새로운 읽기 전용 특성인 channelCount가 있습니다. 이 특성은 createChannelSplitter()에서 numberOfOutputs로 정의됩니다.

PannerNode.rolloffFactor가 이제 소스가 듣는 사람으로부터 멀리 이동되는 경우 볼륨 감소율을 규정하는 PannerNode 거리 모델의 공칭 범위로 고정합니다.

window.prompt()는 페이지가 현재 포그라운드에 있지 않는 경우 해당 상위 탭에 더 이상 포커스를 두지 않습니다.

Windows의 동작과 맞추기 위해 Chrome 확장 프로그램에서는 이제 Mac의 기본 검색, 시작 및 홈페이지 설정을 Chrome Settings Overrides API로 재정의할 수 있습니다.

지원 중단 및 상호 운용성 개선 사항

WebAudio API는 speedOfSound, dopplerFactor 및 setVelocity를 비롯하여 지원이 중단된 Doppler API를 더 이상 포함하지 않습니다.

표준 적합성을 향상시키기 위해 RTCPeerConnection에서는 이제 iceTransportPolicy를 RTCConfiguration 매개변수로 받으며 iceTransports도 허용합니다.

webkitRTCPeerConnection이 여전히 남아 있기는 하지만 RTCPeerConnection을 이제 webkit 접두사 없이 사용할 수 있습니다.

공백이 아닌 유니코드 제어 문자가 이제 무시되지 않고 사양에 따라 렌더링됩니다.

reflected-xss 지시문이 X-XSS-Protection 헤더의 래퍼일 뿐이며 다른 추가 기능을 제공하지 않았으므로 콘텐츠 보안 정책 2에서 제거되었습니다.

MediaStreamTrack.getSources() 메서드 지원 기능이 제거되었으며 MediaDevices.enumerateDevices()로 대체되었습니다.

CSP referrer 지시문이 더 이상 지원되지 않으며, 새 Referrer-Policy 헤더로 대체되었습니다.

ShadowDOM의 slotchange 이벤트가 발생해도, 슬롯의 assignedSlot에서 더 이상 다시 발생하지 않습니다.

레거시 CBC 모드의 ECDSA 암호화 집합 ECDHE_ECDSA_WITH_AES_128_CBC_SHA 및 ECDHE_ECDSA_WITH_AES_256_CBC_SHA가 제거되었으며 최신 암호화 집합(예: ECDHE_ECDSA_WITH_AES_128_GCM_SHA256)으로 대체되었습니다.

SHA-1에 대한 종속성을 줄이고 TLS 1.3의 새로운 ECDSA 처리에 맞추기 위해 SHA-1 및 SHA-512를 모두 사용하는 ECDSA가 제거되었습니다.

Chrome이 더 이상 터치 스크롤(예: touchstart 및 touchmove)을 나타내는 입력이 수행되는 동안 팝업이 열리는 것을 허용하지 않습니다.

link preload를 사용하여 선언전 가져오기를 통해 트리거되지 않는 경우 사이트에서 더 이상 유효하지 않은 type 또는 language 특성(예: type="python")이 설정된 스크립트에 대한 가져오기 작업을 시작하지 않습니다.

MIDIMessageEvent.receivedTime has been deprecated in favor of Event.timeStamp, since Event.timeStamp now supports high-resolution monotonic time instead of epoch time.

게시자: Vincent Scheib, Web Bluetooth Orthodontist