비동기 호출 스택
이제 스택 트레이스를 이벤트의 비동기 소스와 연결할 수 있습니다. 타이머, 애니메이션 프레임, XHR, 이벤트 리스너 등이 지원됩니다. 비동기 호출 스택에 관한 전체 내용을 곧 HTML5 Rocks에 게시할 예정입니다. DevTools 실험에서 '비동기 스택 트레이스 지원 사용 설정'을 선택해야 합니다. [crbug.com/272416]
getEventListeners(window)
페이지의 DOM을 볼 때 JavaScript 이벤트 리스너가 등록된 요소(있는 경우)가 항상 명확하지는 않습니다. 이제 window 객체 (또는 그와 관련된 모든 DOM 노드)에 등록된 모든 이벤트 리스너를 명령줄 API의 일부로 콘솔 패널의 getEventListeners를 통해 가져올 수 있습니다. [crbug.com/336472]
소스 코드 수정 위치 탐색
소스 패널에서는 기본적으로 코드 편집기의 커서 위치인 수정 위치 개념을 소개합니다. Alt-는 이전 수정 위치 (이전 위치에 있던 코드)로 이동하고 Alt+는 앞으로 이동합니다. [crbug.com/281507]
박스 그림자 자동 추천 값이 업데이트됨
CSS 속성 box-shadow의 자동 추천 값이 none 키워드를 포함하도록 업데이트되었습니다. [crbug.com/332355]
특정 행 번호 및 특정 열로 이동
소스 패널의 '파일 이름으로 검색'(Ctrl + O 또는 Cmd + O) 대화상자에서 :line:column를 사용하여 특정 열의 행 번호로 이동합니다. [crbug.com/337909]
툴바 핸들로 더 쉽게 크기 조절
이제 기본 DevTools 툴바의 빈 공간이 유효한 크기 조절 핸들로 작동합니다. [crbug.com/304730]
Retina 지원 네트워크 막대
원래 이미지로 구성된 네트워크 막대가 이제 CSS로 만들어져 해상도에 독립적이고 레티나 친화적입니다. [crbug.com/330659]
콘솔에서 노이즈 줄이기
meta viewport 태그에 전달된 알 수 없는 인수가 더 이상 콘솔에 오류로 표시되지 않고 경고로 표시되므로 검토할 노이즈가 줄어듭니다. [crbug.com/332794]
색상 서식 지정 톱니바퀴 삭제
색상 형식을 순환하는 스타일 창 톱니바퀴가 삭제되었지만 DevTools 설정에서 이 환경설정을 계속 변경할 수 있습니다. [crbug.com/333840]
고정된 콘솔 탭
이제 새로고침 후에도 창의 콘솔 탭이 상태를 올바르게 기억합니다. [crbug.com/328551]
텍스트 자동 크기 조절에 관한 설명이 개선됨
에뮬레이션 및 텍스트 자동 크기 조정에 관해 자세히 설명하는 데 도움이 되도록 모바일 에뮬레이션 문서 링크가 DevTools에 추가되었습니다. 텍스트 자동 크기 조절 체크박스에 도움말도 표시됩니다. [crbug.com/319092]
원격 IP 주소
이제 네트워크 패널 리소스 뷰에서 호스트의 IP 주소를 볼 수 있습니다. [crbug.com/255602]
읽어 주셔서 감사합니다. 이러한 기능은 Canary에서 사용해 볼 수 있으며, 12월 버전에 언급된 많은 기능은 이제 Chrome 안정화 버전에서 사용할 수 있습니다.