DevTools 알림 이메일

비동기 호출 스택

이제 스택 트레이스를 이벤트의 비동기 소스와 연결할 수 있습니다. 타이머, 애니메이션 프레임, XHR, 이벤트 리스너 등을 지원합니다. 곧 HTML5 Rocks에 비동기 호출 스택에 관한 전체 문서를 게시할 예정입니다. DevTools 실험에서 'Enable support for async stack traces'(비동기 스택 트레이스 지원 사용 설정)를 선택해야 합니다. [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]

Box-shadow none

특정 줄 번호 및 특정 열로 이동

소스 패널의 '파일 이름으로 검색'(Ctrl + O 또는 Cmd + O) 대화상자에서 :line:column를 사용하여 특정 열의 행 번호로 이동합니다. [crbug.com/337909]

툴바 핸들로 크기 조절이 더 쉬워짐

이제 기본 DevTools 툴바의 빈 공간이 유효한 크기 조절 핸들로 작동합니다. [crbug.com/304730]

Retina 지원 네트워크 막대

원래 이미지로 구성된 네트워크 표시줄은 이제 CSS로 만들어져 해상도에 독립적이고 레티나 지원이 가능합니다. [crbug.com/330659]

콘솔에서 노이즈 줄이기

meta visibility 태그에 전달된 알 수 없는 인수는 더 이상 콘솔에 오류로 표시되지 않습니다. 오히려 사용자가 확인해야 할 노이즈가 줄어든다는 경고 메시지가 표시됩니다. [crbug.com/332794]

색상 서식 삭제 톱니바퀴

색상 형식을 순환하는 스타일 창 톱니바퀴가 삭제되었지만 DevTools 설정에서 이 환경설정을 계속 변경할 수 있습니다. [crbug.com/333840]

고정 콘솔 탭

이제 새로고침 후에도 섹션의 콘솔 탭이 상태를 올바르게 기억합니다. [crbug.com/328551]

텍스트 자동 크기 조정에 관한 설명이 개선됨

에뮬레이션과 텍스트 자동 크기 조절에 대해 자세히 설명할 수 있도록 모바일 에뮬레이션 문서 링크가 DevTools에 추가되었으며 텍스트 자동 크기 조절 체크박스에 대한 도움말도 표시됩니다. [crbug.com/319092]

텍스트 자동 크기 조절 도움말

원격 IP 주소

이제 Network 패널 리소스 뷰에서 호스트의 IP 주소를 볼 수 있습니다. [crbug.com/255602]

원격 IP 주소

읽어 주셔서 감사합니다. Canary에서 이러한 기능을 사용해 볼 수 있습니다. 또는 12월 버전에 언급된 많은 기능을 이제 Chrome 안정화 버전에서 사용할 수 있습니다.