본문 바로가기
웹개발/자바스크립트

듀얼모니터 왼쪽 오른쪽 팝업

by place-g 2023. 8. 15.
반응형

원래는 window 가용사이즈를 계산하여 처리하지만,

크롬 특정버전부터는 window 가용사이즈를 계산하는 로직이 막혀있다.

 

그럴 떄는 새로 생긴 getScreenDetails 라는 API를 사용한다.

 

getScreenDetails 함수는 Promise 객체이다.

 

screens객체는 PC에서 사용하는 모니터 수에 따라 배열로 관리되며,

팝업 띄울 시에 screen.left 값을 이용하여 해당 모니터의 위치로 띄울 수 있다.

 

 

 

* 크롬에서 창 관리 설정이 "허용"으로 설정되어야 사용 가능하다.

 

* 크롬 100 버전(?) 이상 에서 사용 가능하다고 함

반응형

'웹개발 > 자바스크립트' 카테고리의 다른 글

[화면 전환] href vs replace  (0) 2024.08.20
jsDoc 만들기  (0) 2024.01.18
자바스크립트 동작 원리  (0) 2023.08.15
promise for 문  (0) 2023.08.15
postMessage  (0) 2023.08.10