ResizeObserver
요소의 크기가 변경을 감시한다.
크롬 PC 버전
( 버전 85.0.4183.83(공식 빌드) (64비트) )
( Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.83 Safari/537.36 )
요소에 대한 응답으로 가져오는 값은
- ResizeObserverEntry {target: div.bg-box.ffot-body-content, contentRect: DOMRectReadOnly, borderBoxSize: Array(1), contentBoxSize: Array(1), devicePixelContentBoxSize: Array(1)}
- borderBoxSize: [ResizeObserverSize]
- contentBoxSize: [ResizeObserverSize]
- contentRect: DOMRectReadOnly {x: 0, y: 0, width: 1066.75, height: 24, top: 0, …}
- devicePixelContentBoxSize: [ResizeObserverSize]
- target: div.bg-box.ffot-body-content
- __proto__: ResizeObserverEntry
ㅁㅁㅁ
크롬 모바일에서 동작할 경우
( Mozilla/5.0 (Linux; Android 10; SM-N976N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.106 Mobile Safari/537.36 )
- ResizeObserverEntry {target: div.ffot-header-00, contentRect: DOMRectReadOnly}
- contentRect: DOMRectReadOnly {x: 0, y: 0, width: 70.46875, height: 24, top: 0, …}
- target: div.ffot-header-00
- __proto__: ResizeObserverEntry
처럼 가져온다. 즉, 가져오는 값에 차이가 있다!
