728x90 300x250 Front-end/browser5 크롬 f12 개발자 도구 자꾸 꺼짐 현상 해결 갑자기 [f12] 키를 누르면 열리는 개발자 도구가 바로 꺼져 버리는 상황 갑자기 일어난 일이라 구글링을 해봤더니 살짝 허탈한 이유 때문이었다. 내가 잠시 은행 사이트를 방문하고 켜 둔 상태이기 때문이었다. 은행 사이트를 켜 둔 채로 f12키를 눌렀을 때 보안 프로그램 때문에 f12키가 자동으로 꺼지는 현상이 발생되는 것이었음 은행 사이트를 끄니까 개발자 도구 꺼짐 현상이 해결되었다. 2022. 7. 9. [크롬 확장프로그램 추천] 웹 사이트에 사용된 기술 확인하기 아래 주소를 들어가서 크롬 확장프로그램 Wappalyzer를 설치하고 분석하고 싶은 웹사이트에서 실행시키면 https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg?hl=ko Wappalyzer - Technology profiler Identify web technologies chrome.google.com 아래와 같이 해당 사이트에서 사용한 기술들을 확인할 수 있다. 2022. 4. 28. 크롬에서 console.log 안찍힘 해결방법 문제 갑자기 크롬에서 console.log가 안 찍힘 아무리 찍어도 안 나옴 이유 그 이유는 Filter 때문 검색한다는 걸 실수로 filter 영역에 잘못 적어버림 해결방법 filter 영역에 값을 적으면 콘솔에 출력된 내용 중에서 filter 영역에 해당되는 값만 나오게 된다. 일반적으로 공란으로 비워두면 모든 console.log 값이 출력된다. 또 다른 이유 만약 filter 영역이 비워져 있는데도 cosole.log가 안 찍힌다면 log Level이 설정돼있는 경우일 수도 있다. 위 와 같이 info Warnings Erros 이렇게 설정된 것이 기본 옵션인데 만약 아래 같이 설정되어있다면 경고나 에러일 경우만 콘솔 창에 출력되기 때문에 그 외에는 undefined가 뜨게 된다. 2022. 4. 13. [크롬] 압축된 js 코드 예쁘게 보기 js 코드를 보다 보면 이렇게 압축된 코드가 있는데 이렇게 코드를 압축하면 용량도 적게 차지하고 더 빠르다고 한다. 그러나 보기가 불편하기 때문에 크롬에서는 이런 압축 코드를 예쁘게 보는 기능을 제공하고 있다. 개발자 도구 > Sources탭에서 해당 js를 열고 하단 Pretty print 아이콘을 클릭한다. 그러면 아래와 같이 코드가 보기 편하게 변경된 것을 확인할 수 있다. 2022. 4. 4. 이전 1 2 다음 728x90 반응형