원격 디버깅 기능 강화, 흥미진진한 수업 진행, 심야 쇼 프로그램 등을 예로 들 수 있습니다.

폴 바카우스
폴 바카우스

개선된 Inspect Devices UI에 관해 자세히 알아보고, 이제 고정된 스타일 패널에서 클래스를 쉽게 전환하고, 오늘밤 DevTools의 파일럿을 시청하세요.

모든 카나리아 사용자를 위해 최신 다이제스트 버전에 오신 것을 환영합니다! 12월에 진행된 몇 가지 업데이트를 놓쳤습니다. (갓 태어난 딸 때문에 조금 정신이 없어졌어요.) 이 게임에서는 엄청나게 새로운 곡들도 볼 수 있답니다.

새로운 'Inspect Devices' 대화상자

(현재는 구식임) DevTools용 원격 디버깅 문서는 수년 동안 가장 많은 사랑을 받은 가이드로, 사용 방법을 모른다는 건 한 가지 의미일 뿐입니다.

그래서 UX를 개선했습니다. 완전히 다른 페이지('chrome://inspect')를 열 필요 없이 이제 모든 '기기 검사'가 DevTools 자체에 간편하게 삽입되어 빠르게 액세스하고 컨텍스트 전환을 줄일 수 있습니다.

스타일 패널에서 클래스가 전환됨

스타일 패널의 cls 전환 버튼

이제 요소의 클래스를 빠르게 전환하여 연결된 스타일 유무에 관계없이 어떻게 표시될지 미리 볼 수 있습니다. 또한 속성을 수정할 필요가 없도록 새 클래스를 빠르게 추가할 수 있는 입력도 추가했습니다. 스타일 패널에서 새로운 .cls 버튼을 클릭하여 사용해 보세요.

오늘 밤 DevTools

Chrome DevTools의 세계에서 일어나고 있는 일들을 따라갈 수 있는 또 다른 방법을 발표하게 되어 정말 기쁩니다. 오늘 밤에는 DevTools 파일럿을 선보입니다.

격주로 연재될 새로운 프로그램에서는 카나리아 대신 안정적인 Chrome에 출시되는 더 큰 기능을 중점적으로 다루며 각각에 대해 조금 더 자세히 살펴보겠습니다. Chrome 개발자 채널을 구독하여 1위 버전이 출시되면 알림을 받고 YouTube 댓글로 의견을 남겨주세요.

최고

  • 팝업용 DevTools 자동 열기 (새로 생성된 창) 설정이 추가되었습니다. 사용 설정하면 DevTools의 새 인스턴스가 새로 생성된 창과 함께 자동으로 열립니다.
  • 스타일 패널 상단의 작업 표시줄이 제자리에 고정되었으므로 아래로 스크롤하여 더 많은 스타일을 수정해도 언제든지 작업에 액세스할 수 있습니다.
  • 이제 성능 디버깅 세션과 실제로 관련이 있는 것으로 판단되는 수준으로 타임라인이 자동으로 확대됩니다.
  • 이제 다운로드 외에 네트워크 제한이 업로드도 지원되므로 3G 연결에서 파일 업로드와 같은 항목을 테스트할 수 있습니다.
  • 검사한 요소를 오버레이하는 검사 도움말이 개선되었습니다. 이제 색상이 어둡고 반짝이며 대비가 더 높습니다.

언제나 그렇듯이 트위터를 통해 여러분의 생각을 알려주시거나 아래 댓글을 통해 의견을 알려주시고 crbug.com/new에 버그를 제출해 주세요.

다음 달에 또 뵙겠습니다.
폴 바카우스, DevTools팀