생소하지만 필요한 크롬 개발자 도구, 갑자기 못쓰게 될 때?
개발자 도구? 생소할지 모르지만 생각보다 많이 쓰이는 기능 중의 하나입니다. 물론 웹서핑과 SNS 정도만 한다면 뒤로 가기를 눌러주세요.
하지만 굳이 개발자나 프로그래머가 아니더라도 종종 PC를 사용하다 보면 사용할 일이 많은 것도 사실입니다.
하지만 어느날 갑자기 이 개발자 도구가 말썽을 일으킵니다. F12를 눌러 개발자 도구를 열면 이내 수초이내로 꺼지고, 브라우저를 다시 실행해도, 재부팅 후에 실행해도 자꾸 멋대로 꺼져버리기는 매한가지입니다.
과연 이 개발자 도구를 고장 내는 범인은 누구일까요?
개발자 도구, 그건 왜 쓰나요? 개발자 도구의 기능
개발자 도구는 조금만 더 자세하게 들어가면 꽤나 많은 기능을 제공합니다.
먼저
1) 웹페이지 소스 보기
크롬의 개발자 도구를 이용하면 HTML, CSS, Javascript 소스를 볼 수 있습니다. 이를 이용하면 웹페이지가 어떻게 디자인되었는지 등을 알 수 있어 특히나 관련 종사자분들에게는 큰 도움이 됩니다.
2) 자바스크립트 디버깅 기능
디버깅(Debugging)은 프로그램 계발 단계에서 발생하는 오류나 버그를 찾아내고 수정하는 작업을 말하는데 크롬 개발자 도구에서는 이런 기능을 제공합니다..
3) 네트워크 트래픽 정보 제공
크롬 개발자 모드를 통해서 웹페이지가 로딩될 때 그 페이지에 사용되는 리소스에 대한 정보를 얻을 수 있습니다. 특히나 페이지의 로딩시간, 페이지의 상태까지 알 수 있어 여러모로 쓸모가 많은 편입니다.
4) 코드 에디터 제공
페이지의 HTML, CSS 코드를 수정하며 변경 내용을 실시간으로 확인해 볼 수 있습니다.
5) 콘솔 기능
개발자 모드에서는 특히 인터넷 웹 페이지를 열 때 제공되는 정보를 한눈에 확인할 수 있습니다. 로딩되는 리소스에 대한 상정보, 로딩시간, 상태창까지 알 수 있습니다.
6) 엘리먼트별 CSS 정보
개발자 모드를 사용하면 페이지의 HTML의 각 항목별로 적용된 CSS 정보와 CSS 상속 정보를 알 수 있습니다.
7) 코드 에디터 사용
개발자 모드의 가장 큰 매력은 바로 간단한 코드 에디터 기능을 사용할 수 있는 것에 있습니다. HTML, CSS 코드를 수정하면서 실시간으로 상태를 확인하며 에러나 경고 메시지 등을 확인할 수 있습니다.
8) PC성능 확인
웹페이지를 사용할 때 CPU 점유율, 메모리 점유율과 또 어디에서 사용하는 지 등의 상세 정보를 확인할 수 있습니다.
크롬 개발자 모드가 꺼짐 현상 해결하
크롬 업데이트
이런 소프트웨어적 문제는 일단 가장 일반적인 원인부터 체크를 해보고 하나씩 제거해 나가는 방법이 좋습니다. 크롬의 개발자 도구에 문제가 있다면 먼저 크롬의 버전 업데이트를 체크해보세요.
당연한 이야기이지만 구버전이 지금의 PC환경과 충돌하여 문제를 일으킬 수도 있습니다.
캐시 및 쿠키 삭제 + 브라우저 재시작
빠른 페이지 로딩을 위해 사용하는 캐시나 쿠키에 문제가 있을 수 있습니다.
우측 상단 클릭> 인터넷 사용 기록 삭제> 캐시 및 쿠키 삭제
이후 브라우저를 재시작 해보세요.
확장 프로그램 확인 ( AhnLab Safe Transaction 보안 프로그램 )
크롬을 사용하는 이유 중의 하나인 확장 프로그램, 이 확장 프로그램과 충돌이 일어나서 생기는 문제일 수도 있습니다. 특히 AhnLab Safe Transaction 보안 프로그램이 문제일 확률이 높습니다.
보통 이 프로그램은 인터넷뱅킹을 사용하려 할 때 설치하게 되는 경우가 많은데, 이 프로그램이 크롬에서 개발자 도구를 사용하려 할 때 이를 차단하여 자동으로 꺼지는 현상이 자주 발생합니다.
처음 설치할 때 설정모드가 윈도우를 시작할 때 자동으로 실행하게 되어 있는 경우가 많은데 이를 꺼주시면 됩니다.
그래도 문제가 발생한다면 일단 이 확장프로그램을 제거해 보는 것도 좋은 방법입니다.
마무리
어떤 프로그램이 자동으로 종료되거나 실행이 되지 않을 때는 (특히 잘 되다가 안된다면...) 이런 식으로 처음 프로그램이 잘 되던 때에서 변화된 점들을 하나씩 체크해 보면 어렵지 않게 문제를 해결할 수 있습니다.
업데이트, 추가 프로그램, 설정 변경 등등
하지만 가장 편한 건 인터넷 검색 찬스!!
'IT정보' 카테고리의 다른 글
유튜브 1시간에 데이터 사용량 얼마나? 데이터를 절약하려면? (0) | 2024.07.26 |
---|---|
아이폰 터치가 마음대로 되는 고스트 터치, 원인과 해결방법 (0) | 2024.06.29 |
아이폰 용량 부족 해결 방법, (사용하지 않는 앱 정리하기 활성화) (1) | 2024.06.20 |
상업용으로도 무료 사용가능한 폰트 추천, 다운 (1) | 2024.04.24 |
애플워치 수면측정 안될 때 체크해야 할 설정 (1) | 2024.04.18 |