logo image
메인
기술
HOME
기술

ResizeObserver

1
목록
#html #resize #observer
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 )
요소에 대한 응답으로 가져오는 값은 
아래와 같은 모양을 가진다.
  1. ResizeObserverEntry {target: div.bg-box.ffot-body-content, contentRect: DOMRectReadOnly, borderBoxSize: Array(1), contentBoxSize: Array(1), devicePixelContentBoxSize: Array(1)}

ㅁㅁㅁ

크롬 모바일에서 동작할 경우 
( Mozilla/5.0 (Linux; Android 10; SM-N976N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.106 Mobile Safari/537.36 )
  1. ResizeObserverEntry {target: div.ffot-header-00, contentRect: DOMRectReadOnly}
처럼 가져온다. 즉, 가져오는 값에 차이가 있다!

목록
댓글
  • / /
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
목록형 📷 갤러리형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
일
월
화
수
목
금
토
2.1
2.2
2.3
2.4
2.5
2.6
2.7
2.8
2.9
2.10
2.11
2.12
2.13
2.14
2.15
2.16
2.17
2.18
2.19
2.20
2.21
2.22
2.23
2.24
2.25
2.26
2.27
2.28
tag