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