개편된 Inspect Devices UI에 대해 자세히 알아보고, 현재 수정된 스타일 패널에서 쉽게 클래스를 전환하고, DevTools Tonight 파일럿을 시청하세요.
모든 Canary 사용자를 위한 다이제스트의 최신 버전에 다시 오신 것을 환영합니다. 12월에 몇 가지 업데이트를 놓친 것으로 나타났습니다. (신생아 딸 때문에 약간 걱정이 되었어요.) 여기 보이는 것은 몇 가지 매우 새로운 것들입니다.
새로운 'Inspect Devices' 대화상자
(현재 오래된) DevTools용 원격 디버깅 문서는 수년 간 연달아 가장 많이 사용되어 왔던 가이드로, 한 가지 의미일 뿐입니다. 바로 그 누구도 이 도구를 사용하는 기발한 방법을 전혀 몰랐습니다.
이에 따라 UX를 개편했습니다. 완전히 다른 페이지('chrome://inspect')를 열 필요 없이 이제 모든 'Inspect Devices'가 DevTools 자체에 편리하게 삽입되어 빠르게 액세스하고 컨텍스트 전환을 줄일 수 있습니다.
스타일 패널의 클래스 전환
이제 요소의 클래스를 빠르게 전환하여 연결된 스타일 유무와 관계없이 어떻게 표시되는지 미리 볼 수 있습니다. 또한 속성을 수정할 필요가 없도록 새 클래스를 빠르게 추가할 수 있는 입력도 추가했습니다. 스타일 패널에서 새로운 .cls 버튼을 클릭하여 사용해 보세요.
DevTools 오늘 밤
Chrome DevTools의 최신 동향을 살펴볼 수 있는 또 다른 방법을 알려드리게 되어 기쁩니다. 바로 DevTools Tonight 파일럿인
격주로 연재될 새로운 프로그램에서는 Canary가 아닌 안정화 버전 Chrome에 출시될 더 큰 기능에 초점을 두고 각각에 관해 조금 더 자세히 설명하겠습니다. Chrome 개발자 채널을 구독하여 1위 상품이 출시되면 알림을 받고 YouTube 댓글로 의견을 알려주세요.
다재다능한
- 팝업을 위해 DevTools 자동 열기 (새로 생성된 창) 설정을 추가했습니다. 사용 설정하면 DevTools의 새 인스턴스가 새로 생성된 창에서 자동으로 열립니다.
- 스타일 패널 상단의 작업 표시줄이 이제 고정되어 더 많은 스타일을 수정하기 위해 아래로 스크롤하더라도 언제든지 액세스할 수 있습니다.
- 이제 성능 디버깅 세션과 실제로 관련이 있다고 판단될 때까지 타임라인이 자동 확대됩니다.
- 네트워크 제한은 이제 업로드뿐만 아니라 업로드도 지원하므로 3G 연결에서 파일 업로드와 같은 항목을 테스트할 수 있습니다.
- 검사된 요소를 오버레이하는 검사 도움말이 개선되었습니다. 이제 어둡고 반짝이면서 대비가 더 높아집니다.
언제나 그렇듯 트위터 또는 아래 댓글을 통해 의견을 공유하고 crbug.com/new에서 버그를 제출해 주세요.
그럼 다음 달까지
폴 바카우스 및 DevTools팀