DevTools 알림 이메일

비동기 호출 스택

이제 스택 트레이스를 이벤트의 비동기 소스와 연결할 수 있습니다. 타이머, 애니메이션 프레임, XHR, 이벤트 리스너 등을 지원합니다. 곧 HTML5 Rocks에 대한 비동기 호출 스택의 전체 내용을 게시할 예정입니다. DevTools 실험에서 '비동기 스택 트레이스 지원 사용'을 선택하는 것을 잊지 마세요. [crbug.com/272416]

비동기 호출 스택

getEventListeners(window)

페이지의 DOM을 볼 때 어떤 요소에 JavaScript 이벤트 리스너가 등록되어 있는지 항상 명확하게 알 수는 없습니다(있는 경우). 이제 Command Line API의 일부로 콘솔 패널의 getEventListeners를 통해 window 객체 (또는 해당 법적 사안에 대한 DOM 노드)에 등록된 모든 이벤트 리스너를 가져올 수 있습니다. [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]

레티나 전용 네트워크 바

원래 이미지로 형성된 네트워크 막대가 이제 CSS에서 생성되어 해상도에 독립적이고 레티나 친화적입니다. [crbug.com/330659]

콘솔의 노이즈 줄이기

meta view 태그에 전달된 알 수 없는 인수가 더 이상 콘솔에 오류로 표시되지 않고 오히려 경고가 표시되지 않아 살펴봐야 할 노이즈가 줄어듭니다. [crbug.com/332794]

색상 서식 삭제 톱니바퀴

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

고정 콘솔 탭

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

텍스트 자동 크기 조절에 대한 설명 개선

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

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

원격 IP 주소

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

원격 IP 주소

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