프런트앤드 개발 팁

사라지는 팝업을 크롬 개발자 도구 selector를 사용해 조회하는 방법

1. 크롬 개발자 도구를 실행한다.
2. 콘솔 탭에 아래 스크립트를 복붙하고 실행한다.

   setTimeout(() => {debugger;}, 5000)

3. 브라우저에서 팝업 엘리먼트를 띄워놓고 타임아웃이 걸리면 selector를 사용해 DOM을 조회한다.

Tip

아래 메시지는 콘솔에서 스트립트를 직접 실행할 때 보안 이슈가 발생할 수 있음을 경고하는 것이다. 콘솔에 allow pasting 를 입력하고 엔터를 치면 이후에는 경고가 나타나지 않는다.

Warning: Don’t paste code into the DevTools Console that you don’t understand or haven’t reviewed yourself. This could allow attackers to steal your identity or take control of your computer. Please type ‘allow pasting’ below and press Enter to allow pasting.