개선된 기기 검사 UI에 대해 자세히 알아보고, 이제 수정된 스타일 패널에서 클래스를 쉽게 전환하고, DevTools Tonight의 파일럿을 시청하세요.
Canary 사용자 여러분, 최신 뉴스레터를 다시 만나게 되어 기쁩니다. 12월에 몇 가지 업데이트를 놓친 것으로 확인되었습니다. (신생아 딸로 인해 조금 바빴습니다.) 새로운 에피소드와 함께 몇 가지 아주 새로운 에피소드도 준비되어 있습니다.
새로운 '기기 검사' 대화상자
DevTools의 (현재 오래된) 원격 디버깅 문서는 수년 동안 가장 인기 있는 가이드였는데, 이는 아무도 이 기능을 사용하는 방법을 몰랐다는 의미입니다.
그래서 UX를 개선했습니다. 이제 완전히 다른 페이지('chrome://inspect')를 열지 않고도 모든 '기기 검사'가 DevTools 자체에 편리하게 삽입되어 빠르게 액세스하고 컨텍스트 전환을 줄일 수 있습니다.
스타일 패널의 클래스 전환 버튼
이제 그 어느 때보다 간편하게 요소에서 클래스를 빠르게 전환하여 관련 스타일 유무와 관계없이 요소가 어떻게 표시되는지 미리 볼 수 있습니다. 또한 속성을 수정하지 않아도 새 클래스를 빠르게 추가할 수 있는 입력란도 추가되었습니다. 스타일 패널에서 새 .cls 버튼을 클릭하여 사용해 보세요.
DevTools Tonight
Chrome DevTools의 최신 소식을 확인할 수 있는 또 다른 방법을 알려드리게 되어 기쁩니다. DevTools Tonight의 파일럿을 소개합니다.
이 새로운 프로그램은 격주로 연재되며, 카나리아 대신 안정화 버전 Chrome에 제공될 더 큰 규모의 기능에 중점을 두고 각 기능을 좀 더 심층적으로 다룰 예정입니다. Chrome 개발자 채널을 구독하여 1위가 출시되면 알림을 받으세요. YouTube 댓글을 통해 의견을 공유해 주세요.
그 밖의 추천
- 팝업 (새로 생성된 창)에 DevTools를 자동으로 열기 위한 설정이 추가되었습니다. 이 옵션을 사용 설정하면 새로 생성된 창과 함께 DevTools의 새 인스턴스가 자동으로 열립니다.
- 스타일 패널 상단의 작업 표시줄이 이제 고정되어 있으므로 아래로 스크롤하여 더 많은 스타일을 수정하는 경우에도 항상 작업 표시줄에 액세스할 수 있습니다.
- 이제 실적 디버깅 세션과 실제로 관련이 있다고 생각되는 부분으로 타임라인이 자동으로 확대/축소됩니다.
- 이제 네트워크 제한이 다운로드 외에도 업로드를 지원하므로 3G 연결에서 파일 업로드와 같은 작업을 테스트할 수 있습니다.
- 검사된 요소를 오버레이하는 검사 도움말을 개선했습니다. 이제 어둡고 반짝이며 대비가 더해졌습니다.
언제나 그렇듯이 트위터 또는 아래 댓글을 통해 의견을 보내 주시고 crbug.com/new에 버그를 제출해 주세요.
다음 달에 뵙겠습니다.
폴 바카우스 및 DevTools팀