현재 페이지의 스타일 정보를 엊는 방법

현재 페이지에서 표현이 되고 있는 스타일을 간단하게 

자바스크립트로 볼 수 있는 방법입니다.

const fontSize = Number(window.getComputedStyle(document.body).getPropertyValue('font-size').match(/\d+/)[0])

위에대한 설명입니다.

window.getComputedStyle(document.body) - HTML BODY에 대한 모든 스타일을 얻으려면

getPropertyValue('font-size') -글꼴 크기의 문자열 값을 얻으려면 예 : (16px)

match(/\d+/)[0]) - 숫자 부분 만 얻으려면 예 : (16) - 문자열

Number(...) -숫자 부분을 숫자로 변환하려면 예 : (16)-숫자

브라우저의 디버그모드의 콘솔에서 아래 명령을 입력하면 전체 정보가 출력 됩니다.

window.getComputedStyle(document.body)