devtools2
Chrome 계열 웹브라우저의 개발자 도구 성능 모니터
Microsoft Edge 상단 오른쪽 3점 아이콘("설정 및 기타") - 단축키 팝업 창의 "기타 도구" 개발자 도구 - 단축키 개발자 도구 상단 오른쪽 3점 아이콘("사용자 지정 및 DevTools 제어") 1차 팝업 창 "기타 도구" 2차 팝업 창 "성능 모니터" 성능 모니터(Performance Monitor) - 페이지의 실시간 로딩이나 런타임 성능과 관련된 여러 가지 요소들 관찰 기능 - live performance and memory stats 1. CPU 사용(CPU usage) - 현재 접속한 웹페이지의 CPU 사용 점유율 - 시스템의 CPU 전체 점유율과 무관 - CPU usage percentage 2. JS 힙 크기(JavaScript heap size) - 현재 접속한 웹페이지의..
DevTools, 개발자 도구의 HTTP 404 오류
브라우저 개발자 도구를 활용한 페이지 소스 코드의 오류 수정 DevTools가 원본 맵을 로드 하지 못했습니다. https://yyy/xxx.js.map의 콘텐츠를 로드할 수 없습니다. HTTP 오류: 상태 코드 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE DevTools failed to load SourceMap: Could not load content for xxx.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE 브라우저를 실행시킨 상태에서 키보드 F12 혹은 를 동시에 누르면 개발자 도구가 실행됩니다. 웹 페이지의 각종 코드 정보와 오류를 확인할 수 있는 유용한 도구입니다. 이 개발..