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 nội dung hơn nhờ tính năng tự động hoàn thành thông minh hơn trong Console, cách chỉnh sửa trực tiếp các quy tắc @keyframe trong ngăn Kiểu, cách sử dụng Biến tùy chỉnh CSS và cách kết hợp không gian tối.

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 nhiều lần. Để giúp bạn làm việc đó, chúng tôi hiện đang tự động điền đầy đủ các câu lệnh mà bạn đã nhập trước đây, cụ thể như sau:

Tự động hoàn thành

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

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

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

CSS mang đến rất nhiều lợi ích và một trong số đó là biến tuỳ chỉnh, ra mắt trong Chrome 49. Chúng tôi đảm bảo sử dụng dịch vụ 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ì các biến này 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 biến phụ thuộc.

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

Giao diện tối trong thực tế

Cuối cùng, chúng tôi đã chấp nhận yêu cầu mà đã được nghe 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 sẽ nói rằng tính năng này vẫn đang trong giai đoạn beta vì nhiều phần được tạo tự động. Vì vậy, nếu bạn thấy bất kỳ lĩnh vực nào có thể cải thiện, hãy cho chúng tôi biết!

Tốt nhất trong số 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 thẻ đầy đủ trên Bảng điều khiển.
  • Cây tệp trong Nguồn đã được cải tiến toàn diện 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, đồng thờ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