[ 개발자 도구 ] 개발자 도구 여는 방법, 개발자 도구 막힌 웹페이지에서 개발자 도구 실행
지난 블로그에서
마우스 드래그로 복사하기가 막힌 웹페이지에서
마우스 드래그가 사용 가능하게 만드는 방법을 알아 보았습니다.
[ 인터넷 ] 웹페이지 마우스 우클릭 해제, 드래그 방지 해제 방법 (tistory.com)
하지만
간혹 개발자 도구도 열지 못하게 만들어 놓은 곳이 있습니다.
오늘은 개발자 도구를 여는 방법을 알아보겠습니다.
제가 알고 있는
개발자 도구 여는 방법은
몇 가지가 있습니다.
간혹 개발자 도구가 열리지 않는 웹페이지가 있는데
이 중 하나는 먹히는 것 같습니다.
마우스 클릭으로 열기
1. 웹페이지의 아무 곳이나 마우스 우클릭
2. 나타나는 메뉴에서 검사 선택
하지만 보통 마우스 우클릭도 막아논 곳이 많아서
이 방법은 안되는 곳이 많습니다.
마우스 우클릭이 안되는 웹페이지에서는 아래 단축키로
키보드를 사용해 마우스 우클릭과 유사한 동작을 수행할 수 있습니다.
단축키 Shift + F10
단축키 사용
1. 단축키 F12
2. 단축키 Ctrl + Shift + I
3. 단축키 Ctrl + Shift + J
4. 단축키 Ctrl + Shift + C
보통 F12 단축키는 막아놓지만
Ctrl + Shift + I, Ctrl + Shift + J, Ctrl + Shift + C 는 동작하는 곳이 있습니다.
웹 브라우저 메뉴 사용
1. Chorme 브라우저
가. 브라우저 우측 상단의 점 세개 클릭
나. 도구 더보기 → 개발자 도구
2. Edge 브라우저
가. 브라우저 우측 상단의 점 세개 클릭
나. 기타 도구 → 개발자 도구
이 방법도 잘 되는 곳이 많습니다.
다른 브라우저는 사용하지 않아 모르겠지만,
다들 비슷할 것으로 추정됩니다.
URL 입력
개발자 도구를 여는 URL을 입력합니다.
chrome://inspect/#devices
위 주소를 새 탭 또는 새 창에 입력하면 아래와 같이 나타납니다.
그럼 Pages 메뉴를 누르고
inspect를 누르면
개발자 도구가 실행이 됩니다.
마치며
대부분의 웹페이지에서는
이 방법 중 하나는 먹힌것 같습니다.
혹시 개발자 도구를 사용하고 싶은데
막혀있는 웹페이지에서 사용하시려면
참고하시기 바랍니다.