# 구글 크롬 154 안정 버전 출시, iframe가 내용에 맞춰 자동으로 크기 조정 가능 및 HTTP 사이트 연결 시 확인 표시

> https://bookfactory.kr/board/news/19157
> 게시판: 뉴스
> 작성자: tachikoma43
> 작성일: 2026-09-30T05:41:26.770Z

---

웹 브라우저 “Google Chrome”의 최신 안정 버전인 버전 154가 출시되었습니다. iframe을 임베드한 콘텐츠의 높이와 일치하도록 크기 조절하는 기능과, 스크롤 마커를 링크 또는 탭으로 처리하는 기능 등이 추가되었습니다. 또한, 안전하지 않은 HTTP 연결을 열 때 사용자에게 확인을 요청하는 설정이 기본으로 되었습니다. New in Chrome 154  |  Blog  |  Chrome for Developershttps://developer.chrome.com/blog/new-in-chrome-154Chrome 154  |  Release notes  |  Chrome for Developershttps://developer.chrome.com/release-notes/154◆iframe을 내용에 맞춰 자동으로 크기 조절 가능하게Chrome 154에서는 웹 페이지 내에 다른 HTML 문서 등을 임베드하는 “iframe”에 대해, 임베드된 콘텐츠의 크기에 맞춰 자동으로 크기 조절이 가능해졌습니다. iframe 내 콘텐츠 양에 맞춰 높이를 변화시키고 싶었던 이전에는 JavaScript를 사용하여 임베딩 대상의 높이를 측정하고, “postMessage()” 등을 사용하여 부모 페이지로 크기를 전달한 후 iframe의 높이를 변경하는 등의 처리가 필요했습니다. Chrome 154에서는 부모 페이지 측의 iframe에 다음과 같은 CSS를 지정할 수 있습니다.

더 나아가, 삽입되는 HTML에 다음 meta 요소들을 작성하면 iframe의 높이를 임베디드 문서의 레이아웃에 맞추는 것이 가능해집니다. JavaScript로 높이를 순차적으로 계산할 필요가 없어 블로그 파트, 댓글 영역, 외부 위젯 등 내용에 따라 높이가 달라지는 콘텐츠를 임베딩할 때 구현을 단순화할 수 있습니다.

◆스크롤 마커를 “링크” 또는 “탭”으로 취급할 수 있도록 수평으로 스크롤하는 캐러셀과 같이 현재 위치를 표시하거나 목적의 항목으로 이동하기 위한 “스크롤 마커”를 생성하는 CSS의 “scroll-marker-group”이 Chrome 154에서 확장되어 “links”와 “tabs”라는 2종류의 모드를 지정할 수 있게 되었습니다.

“links”는 기본 동작으로, 스크롤 마커 그룹이 내비게이션으로 처리되고, 개별 마커는 링크로 취급됩니다. Tab 키를 누르면 각 마커로 순차적으로 포커스가 가능하며, 마커를 선택하면 대상 콘텐츠로 포커스가 이동합니다. 반면 “tabs”를 지정하면, 마커 그룹은 탭 리스트로 처리되고, 각 마커는 탭으로, 해당 콘텐츠는 탭 패널로 취급됩니다. 포커스 대상이 되는 것은 현재 선택된 마커만이며, 마커 간은 화살표 키로 이동 가능합니다. 또한, 선택되지 않은 탭의 콘텐츠는 접근성 트리에서 제외됩니다.

◆기타 업데이트 내용 및 “CSSStyleValue”, “CSSKeywordValue”, “CSSNumericValue”, “CSSUnitValue”, “CSSUnparsedValue” 등 CSS Typed OM의 생성자를 Worker에서 이용 가능하게 되었습니다.

*   “FontFace.

width” 및 “@font-face의 font-width 디스크립터”가 추가되었으며, 각각 “stretch”, “font-stretch”의 별칭으로 사용 가능하게 되었습니다.

*   팝오버 또는 대화 상자의 바깥쪽을 클릭하여 닫는 “Light dismiss”의 판단이 개선되어 터치스크린에서의 스크롤 동작이나 마우스 오른쪽 클릭 시 의도치 않게 닫히지 않게 되었습니다.

*   JavaScript에 “Iterator.

prototype.

includes()”가 추가되어, 반복자가 지정한 값을 생성하는지 여부를 “Array.

prototype.

includes()”와 유사한 방식으로 확인 가능하게 되었습니다.

*   WebSocket 생성자의 두 번째 인수에 “WebSocketInit” 옵션을 전달할 수 있게 되었습니다.

“protocols” 지정 외에, 향후 새로운 옵션을 추가할 수 있는 형식입니다.

WebSocket에 “targetAddressSpace” 옵션이 추가되어, 연결 대상 주소 공간을 “local” 또는 “loopback” 주소 공간으로 처리하도록 지정할 수 있게 되었습니다.

사용자가 로컬 네트워크 접근을 허용하는 경우, HTTPS를 지원하지 않는 로컬 서버에 대한 연결 등에 활용될 수 있습니다.

*   AbortController로 fetch를 중단했을 때 지정한 중단 이유가 fetch의 Promise 뿐만 아니라 Response 및 ReadableStream 측에도 전달됩니다.

*   Background Fetch API에 CORS가 적용되었습니다.

*   Background Fetch로 로컬 또는 루프백 주소로 접근할 때, Local Network Access 권한이 필요해졌습니다.

*   Secure Payment Confirmation에서 “locale”에 지정된 언어 태그가 결제 확인 다이얼로그의 언어와 일치하지 않을 경우, “NotSupportedError”가 반환됩니다.

*   ChromeOS의 허용 목록에 등록된 Isolated Web Apps를 위해 “Window Shape API”가 추가되었습니다.

겉모습뿐만 아니라 WAI-ARIA에 부합한 접근성상의 의미 부여도 변경되므로, 캐러셀이나 탭 UI를 CSS를 주체로 구현할 때 키보드 조작 및 스크린 리더 대응이 용이해집니다. ◆HTTP 사이트 연결 시 확인 표시 Chrome 154에서는 안전하지 않은 “http://”로 시작하는 웹사이트에 연결할 때, 사용자에게 확인하는 “Ask before HTTP”가 기본으로 설정되었습니다. HTTPS에서는 브라우저와 웹사이트 간의 통신이 암호화되지만, HTTP 통신은 암호화되지 않으므로 통신 경로상에서 내용을 도청되거나 위조될 위험성이 있습니다. 이번 변경으로 인해 HTTP 사이트를 열려고 할 경우에는 Chrome이 확인을 수행하도록 되며, 안전하지 않은 연결로 의도하지 않게 접근하는 위험을 억제합니다. 기업 환경에서는 “HttpsOnlyMode” 정책을 사용하여 이 동작을 관리할 수도 있습니다.

직사각형이 아닌 창문이나 분리된 여러 영역을 가진 창문 형태를 정의할 수 있으며, 위젯이나 플로팅 패널 등의 제작에 활용할 수 있습니다.

한편, Chrome 154의 릴리스 노트에는 CSS의 “text-decoration-inset” 속성에 대한 지원이 명시되어 있지만, ChromeStatus에 따르면 Chrome 156에 출시가 연기되고 있습니다.

오리지노트라이얼 Chrome 154에서는 “개인 인증 토큰(PVT)”이 실시되고 있습니다.

프라이빗 검증 토큰은 일반적인 브라우징 중에 사용자가 구축한 신뢰 정보를 비밀 창(시크릿 윈도우)에 주의를 기울여 저장하기 위한 메커니즘입니다.

일반적인 브라우징 세션 중에 웹사이트가 토큰을 발행하고, 비밀 브라우징 시기에 그 토큰을 이용하여 CAPTCHA 등과 같은 추가 인증의 빈도를 줄이는 용도 등이 예상됩니다.

다음 안정 버전인 “Google Chrome 155”는 현지 시간 2026년 10월 6일(화)에 출시 예정입니다.

[원문 보기](https://gigazine.net/news/20260925-google-chrome-154/) | 출처: Gigazine