개발자 도구: 1개의 글
Chrome 개발자 도구에서 팝업, 모달 및 애니메이션 디버깅
종종 팝업 위로 마우스를 가져간 다음 개발 도구를 연 다음 요소 탭에서 생성된 코드를 보려고 시도하여 팝업, 메뉴 또는 시간 지정 애니메이션을 디버깅하려고 합니다. 하지만 커서를 움직이면 코드가 사라집니다! 마우스를 올리면 두 요소가 나타나지만 마우스를 움직이면 사라집니다! Chrome 개발자 도구 열기(Cmd + Option + I) 콘솔 탭 열기 다음을 붙여넣고 히트 엔터: setTimeout(function(){debugger;}, 5000) 팝업으로 이동하고 5초 동안 기다리면 디버거가 페이지를 일시 중지하고 코드를 볼 수 있습니다! 디버깅을 즐기십시오! 출처 https://medium.com/@mitchwd/debugging-popups-modals-animations-e833856d80a9
Javascript/jQuery
2023. 6. 27. 14:01