크롬 개발자 도구

둘러보기

댓글

댓글 본문
  1. 파시
    230918
    답글
  2. INJE
    22/03/08
    답글
  3. labis98
    20210814 good!!!
    답글
  4. 곰유전자
    동영상의 크롬이 최신의 크롬이 아니지만, 거의 개념은 유사합니다.

    동영상의 Resources 탭 -> Application 탭
    동영상의 Timeline 탭 -> Performance 탭
    동영상의 Profiles 탭 -> Memory 탭 (CPU 기능 X)
    동영상의 Audits 탭 -> Lighthouse 탭

    으로 변경되었습니다.
    대화보기
      답글
    • Asanagi
      2021.03.07 완료!
      답글
    • 라온
      감사합니다.
      답글
    • mini
      감사합니다.
      답글수정삭제
    • 와니
      화면이 너무 달라서...그냥보고 넘겨요...
      답글수정삭제
    • mohammadisaber97
      آدرس آی پی من

      https://ipnumberia.com
      답글
    • buygenericdays@gmail.com
      is another low-dosage tablet of Vidalista family known for placating the influence of erectile dysfunction on the penis. It’s a suited generic Levitra for men who need quick medical attention at paltry cost
      답글수정삭제
    • 김소영
      강의 업데이트는 힘드실까요? ㅜㅜ
      답글
    • sunday00
      2017. 버젼 60.0.3112.113
      엘리먼츠 : 엘리먼츠
      리소스 : 어플리케이션
      네트워크 : 네트워크 (네임, 스태테스, 타입 등의 탭에서 우클릭시 더 많은 탭 있음)
      타임라인 : 퍼포먼스(불확실하지만 가장 비슷한듯 합니다)
      프로파일 : 엘레먼츠, 콘솔, 네트워크 등의 탭 오른쪽 점3개 눌러 몰툴즈에 자바스크립트프로필즈
      어딧 : 실행하기 누를 필요 있음
      콘솔 : 콘솔

      개발자도구 분리 : 엘레먼츠, 콘솔, 네트워크 등의 탭 오른쪽 점3개 독사이드에서 가장 왼쪽
      네트워크, 소스 등의 탭에서 하단 콘솔창 항상 열기 : 같은 점3개 쇼우콘솔드로어
      세팅 : 같은 점 3개에서 세팅즈

      다른브라우저상태 : 같은 점3개 - 몰툴즈 - 네트워크컨디션즈 - 유저에이젼트 - 셀렉트오토매티칼리해제 - 커스텀...
      답글
    • Seo Yun Seok Tudoistube
      브라우저는 뭘로 만들었을까? 라는 궁금함이 생깁니다. 감사합니다^_____^!!!
      답글
    • jom
      현재버전으로 강의를 업데이트해주실 계획은 없으신가요ㅠ.ㅠ?
      답글수정삭제
    • bkkim
      현재 개발자 도구랑은 구조가 조금 다르네요.. 마지막에 보여주신 유저에 따라 달라지는 기능을 찾아보고 있는데 잘 못 찾겠네요 인터넷 익스플로러 유저로 웹에 접속하는 테스트를 하려고 하거든요.
      답글수정삭제
    • JustStudy
      2016.07.06수
      고맙습니다.
      답글
    • chaogirl
      화면이 너무 달라서 당황했는데, 4년전 영상이네요.. 그래도 이해하는데 도움이 될거 같아 계속 봅니다~~
      답글수정삭제
    • GunLoc
      크롬 개발자 도구중 Elements랑 Console이랑 위 아래로 같이 보고 싶은데 탭을 어떻게 이동 시키나요?
      답글
    • tinybit
      감사합니다! 업그레이드 됐다고는 하지만 중요한기능은 그대로이고 많이 안쓰는 기능이 통합되거가 없어진거니 새로운 버전에서 헷갈리는건 조금만 구글에서 찾아보면 알수있는 정도네요. 무엇보다 각각의 텝의 목적과 기능을 확실히 알수있어서 너무 감사합니다. 다른곳에서도 방법은 찾을수 있지만 이고잉님 덕분에 목적과 이유를 확실히 알게되니 능동성이 생기네요.
      답글
    • 정민규
      크롬 몰랐다가 정말 유용했습니다~ 감사드립니다.
      답글수정삭제
    • 통조림
      UI만 조금 바뀌었지 핵심은 그대로인 것 같아요.
      다만 저도 마지막에 설정이랑 디바이스 버튼이 찾기 어려웠는데
      설정은 개발자도구 우측 상단에 세로로 점 세개 있는 버튼 누르시면 settings 있고,
      디바이스 변경은 좌측 상단에 스마트폰 그림 누르시면 됩니다
      대화보기
        답글
      • 뎁온누리
        크롬이 업그레이드가 되서 사용하기 힘듭니다.
        다시 강좌를 찍는것은 어떤요?기
        답글
      • 강구임돠
        Elements -> 태그를 열람하고, 수정하고 실시간보기가 가능한 영역
        Resources -> 웹사이트에 사용된 다양한 소스들을 보거나 다운받을 수 있는 영역
        Network -> 이미지나 리소스를 가져오는데 걸리는 시간, 순서, 어떤 요청과 응답이 이루어지는지 보여주는 영역
        Sources -> 웹 페이지 안에 삽입되어있는 자바스크립트를 디버깅하기 위한 영역
        Timeline -> 크롬에서 작동하는 웹페이지의 성능을 측정하기 위한 영역
        Profiles -> html, css, js 등의 상태를 측정 할 수 있는 영역
        Audits -> 웹페이지의 현재 상태를 체크해서 성능에 악영향을 줄 수 있는 부분에 대해 조언해주는 영역
        Console -> 자바스크립트 명령을 실시간으로 입력해 볼 수 있는 영역
        답글
      • 호두과자
        싸랑해요~~~
        답글
      • 루피아빠
        감사합니다! 파폭 개발자 도구에서 크롬으로 넘어오려구요~^^
        답글
      • 믿음의사람
        크롬이 버전업이 되어서 찾기가 애매해졌지만,
        강의 덕분에 많은 도움이 되었습니다. 감사합니다.
        답글
      • 요조라
        좋은 강의 항상 감사합니다
        답글
      • 글로리아홀
        알려주셔서 감사합니다.
        답글
      • 요네츄
        강의 최고에요!!
        답글
      • jhc
        131009 jhc
        답글수정삭제
      • 콤퇘지
        HTML,CSS,JAVASCRIPT 생산성 극대화. 감사합니다.
        답글
      • egoing
        알려주셔서 고맙습니다 ^^
        대화보기
          답글
        • Wonjae Kim
          dock to right 기능이 세팅에서 사라지고 콘솔을 윈도우로 분리시키는 버튼에 통합되었습니다.버튼을 누르고 있으면 추가 옵션이 뜹니다.
          답글수정삭제
        • sugarui
          고맙습니다! 레이아웃때문에 한 사이트의 구조를 알아야 했는데 마침 이 강의 생각나서 크롬으로 잘 찾았습니다. 크롬이 예뻐서 좋아요.
          답글