Công cụ cho nhà phát triển trở nên tối, chỉnh sửa @keyframe và tự động hoàn thành thông minh hơn

Paul Bakaus
Paul Bakaus

Tìm hiểu cách Công cụ cho nhà phát triển giúp bạn nhập ít hơn nhờ tính năng tự động hoàn thành trên Bảng điều khiển thông minh hơn, cách chỉnh sửa quy tắc @keyframe trực tiếp trong ngăn Kiểu, cách tận hưởng Biến tuỳ chỉnh CSS và cách sử dụng tính năng tối ưu.

Tính năng tự động hoàn thành thông minh hơn trong bảng điều khiển của bạn

Nếu bạn giống như tôi và nhiều người khác, bạn nhập một lệnh vào bảng điều khiển để gỡ lỗi ứng dụng của mình, thấy ứng dụng không hoạt động, lặp lại và nhập lại, lặp đi lặp lại. Để giúp bạn giải quyết vấn đề đó, chúng tôi hiện đang tự động điền đầy đủ các câu lệnh bạn đã nhập trước đó, chẳng hạn như:

Tự động hoàn thành

Chỉnh sửa trực tiếp quy tắc @keyframe trong ngăn Kiểu

Khi giới thiệu trình kiểm tra ảnh động và easing trình chỉnh sửa cho Công cụ cho nhà phát triển, chúng tôi chỉ giới hạn ở hiệu ứng chuyển đổi vì chúng ta chưa bao giờ hiển thị ảnh động CSS dựa trên @keyframe trong ngăn Style (Kiểu). Tôi rất vui được thông báo rằng giờ đây đã là quá khứ, nên hãy mạnh dạn lên nào! Hãy xem bài đăng này trên Twitter để nghe thử.

Hỗ trợ thuộc tính CSS tuỳ chỉnh

Thuộc tính CSS tuỳ chỉnh trong Công cụ cho nhà phát triển

Có rất nhiều lợi ích dành cho CSS và một trong số đó là các biến tuỳ chỉnh được ra mắt trong Chrome 49. Chúng tôi đảm bảo hỗ trợ đầy đủ trong Công cụ cho nhà phát triển. Vì vậy, nếu trước đây bạn đã sử dụng các biến trong Sass, hãy dùng thử các biến gốc, vì chúng cho phép bạn chỉnh sửa nhanh các thuộc tính trong ngăn Kiểu và cập nhật ngay các phần tử phụ thuộc.

Giao diện tối cho Công cụ cho nhà phát triển

Cách hoạt động của Giao diện tối

Cuối cùng, chúng tôi cũng đưa ra một yêu cầu mà chúng tôi đã nhận được hàng chục lần trong vài năm qua: Giờ đây, bạn có thể chọn thế lực bóng tối trong Công cụ cho nhà phát triển. Chuyển đến phần cài đặt Công cụ cho nhà phát triển, Đặt giao diện thành tối và tận hưởng. Tôi cho rằng tính năng này vẫn đang trong giai đoạn beta vì rất nhiều trong số đó được tạo tự động, nên nếu bạn thấy bất kỳ khía cạnh nào có thể cải thiện, hãy cho chúng tôi biết!

Tốt nhất trong phần còn lại

  • Giờ đây, ngăn bảng điều khiển sẽ tự động thu gọn khi bạn nhấp vào toàn bộ thẻ Bảng điều khiển.
  • Cây tệp trong Nguồn đã được cải tiến tốt với các biểu tượng mới và chức năng nhóm mới

Như thường lệ, hãy cho chúng tôi biết suy nghĩ của bạn qua Twitter hoặc bình luận bên dưới rồi gửi lỗi đến crbug.com/new.

Đến tháng sau!
Paul Bakaus và nhóm Công cụ cho nhà phát triển