IT정보/프로그램(앱, 소프트웨어 등)

[ 개발자 도구 ] 개발자 도구 여는 방법, 개발자 도구 막힌 웹페이지에서 개발자 도구 실행

카루루1007 2024. 8. 19. 23:36
728x90
반응형

지난 블로그에서 

마우스 드래그로 복사하기가 막힌 웹페이지에서

마우스 드래그가 사용 가능하게 만드는 방법을 알아 보았습니다.

[ 인터넷 ] 웹페이지 마우스 우클릭 해제, 드래그 방지 해제 방법 (tistory.com)

 

하지만 

간혹 개발자 도구도 열지 못하게 만들어 놓은 곳이 있습니다.

 

오늘은 개발자 도구를 여는 방법을 알아보겠습니다.

 

제가 알고 있는 

개발자 도구 여는 방법은 

몇 가지가 있습니다.

 

간혹 개발자 도구가 열리지 않는 웹페이지가 있는데

이 중 하나는 먹히는 것 같습니다.

 

728x90

 마우스 클릭으로 열기

 

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를 누르면

개발자 도구가 실행이 됩니다.

 

 마치며

 

 

대부분의 웹페이지에서는

이 방법 중 하나는 먹힌것 같습니다.

혹시 개발자 도구를 사용하고 싶은데

막혀있는 웹페이지에서 사용하시려면

참고하시기 바랍니다.

728x90
반응형