개발자도구4 크롬 - 사이트 로딩속도 체크 하기 / 개발자도구 사이트 몇초 만에 뜨는지 확인하기 안녕하세요. 고코더 입니다. 개발자이거나 혹은 일반 사용자라도 특정 사이트의 로딩속도 사이트가 전부 완성 되는 속도가 궁금하거나 필요 할때가 있습니다. 이럴땐 크롬의 개발자 도구를 활용하면 좀 더 명확하게 로딩 속도를 알 수 있습니다 우선 알고싶은 사이트에 접속해서 F12를 누릅니다. ▼ Network로 이동 후에 새로고침을 하면 화면처럼 모든 로딩이 캡쳐가 됩니다. 그리고 아래에 Load 보면 로딩 속도가 체크 됩니다. 제 사이트 최근 글에 로딩속도는 3.05초 입니다. ▼오른쪽에 가로 그래프는 시간마다 로딩되는 바 입니다. 로딩 속도는 캐쉬때문에 최초의 접속과 이 후에 접속 시간이 상이하고 (나중에 접속하는게 더 빠르겠죠) 그리고 설치 해놓은 크롬의 확장프로그램에 따.. 2018. 6. 1. 크롬 - 개발자 도구 다크테마(Dark theme)로 변경 크롬 개발자 콘솔 어둡게 변경 / Chrome Dark Theme 안녕하세요. 고코더입니다. 오늘은 F12를 누르면 나타나는 "개발자도구" 테마를 어둡게 바꿔 보려고 합니다. 웹개발자들은 크롬 도움을 많이 받고 있습니다. 특히 프론트 엔드 개발시에는 이만한 프로그램도 없습니다. 그런 보통 IDE를 다크테마로 쓰다. 흰색 바탕의 개발자 도구를 보니 눈이 아퍼 설정을 찾던중 역시나 있네요. 바로 방법을 설명해드리겠습니다. ▼크롬창에서 F12 개발자 도구를 킨 후에 오른쪽 아래 세로로 된 ... 세개를 클릭합니다. ▼그리고 거기서 setting 메뉴를 클릭합니다. ▼그 다음 Preferences를 클릭 (기본 포커스 메뉴라 바로 보입니다) 그리고 Theme에서 "Dark"를 선택하면 됩니다. ▼검은색으로 변경.. 2018. 2. 10. IE - 익스플로러11 개발자도구 실행 오류 diagnostic: exception in window.onload: error: an error has occurredjsplugin.3005 안녕하세요 고코더입니다.오늘은 개발자 도구 오류를 해결 해보겠습니다. 윈도우7에서 IE11 사용할때갑자기 개발자 도구를 키면 이상한 오류 화면만 보여집니다. ▼알 수 없는 오류입니다. 일반 사용자가 볼 수 없는 캐치 오류 메세지 같습니다. ▼ 그래서 마이크로 소프트 QA를 찾아보니 답이 있습니다.https://answers.microsoft.com/ko-kr/ie/forum/ie11-windows_7/%EC%9C%88%EB%8F%84%EC%9A%B0-7%EC%97%90%EC%84%9C/8b47b1cf-6424- 4564-9e43-35a470976e0e KB30.. 2018. 2. 4. 크롬 - 카카오티비, 네이버티비 영상 다운로드 / 개발자도구 크롬 개발자모드로 동영상 다운 카카오티비, 네이버티비에 재밌던 동영상을 다운로드 하고 싶을때가 있습니다. 프로그램을 사용하면 가능하지만 오늘은 도구없이 크롬에 개발자 모드로 다운로드를 해보겠습니다. ▼우선 동영상 상세에 접근합니다. http://media.daum.net/entertain/tv/503649/video/381401825 ▼그리고 F12를 눌러서 개발자 모드를 실행하고 아래와 같이 접근합니다 network -> media -> 보이는 파일 선택 -> Request URL 에 있는 정보를 복사합니다. ▼그리고 해당 URL을 다시 주소줄에 입력하면 동영상이 플레이 되고 이때 오른쪽 아래에 다운로드 버튼을 클릭하면 파일이 내려받아 집니다. ▼ 해당처럼 파일이 다운로드 됩니다. ▼네이버티비도 똑같은.. 2018. 1. 17. 이전 1 다음
