개발자도구 3

Article Thumbnail 마이크로소프트 엣지 메모리 관리 이상 증상 윈도우 10에서 사용하는 웹브라우저 Edge, 버전 104.0.1293.54에서 메모리가 정상적으로 반환되지 않는 증상이 발생합니다. 2022년 8월 18일 현재 최신 버전입니다. 아래 이미지는 엣지 웹브라우저를 사용하여 제 블로그("netware.tistory.com")를 접속하고 일정 시간을 사용하고 개발자 도구를 실행하여 현재 메모리 사용 상태를 캡처한 이미지입니다. 개발자 도구(DevTools)의 릴리즈 번호는 따로 없고 Edge 번호에 대응하는 것으로 추측합니다. 현재 104입니다. 엣지 개발자 도구의 성능 모니터가 제공하는 화면의 각종 정보 왼쪽: 처음 접속 상태 오른쪽: 일정 시간 사용 후 메모리가 반환이 안된 상태 Edge가 정상적으로 작동하는 상태에서는 왼쪽 화면의 수치에 근접하여 CPU.. 2022. 8. 18.
Article Thumbnail 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) - 현재 접속한 웹페이지의.. 2022. 4. 10.
Article Thumbnail 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 혹은 를 동시에 누르면 개발자 도구가 실행됩니다. 웹 페이지의 각종 코드 정보와 오류를 확인할 수 있는 유용한 도구입니다. 이 개발.. 2020. 7. 22.