Thông báo của Công cụ cho nhà phát triển – Chỉnh sửa phần tử một cách hiệu quả, gỡ lỗi cho trình chạy dịch vụ và các sắc độ thiết kế của Material Design

Paul Bakaus
Paul Bakaus

Sử dụng trình đơn theo bối cảnh mới của bảng điều khiển DOM để chỉnh sửa hiệu quả các nút. Gỡ lỗi trình thực thi dịch vụ trực tiếp thông qua bảng điều khiển Resource (Tài nguyên). Chọn từ tất cả các sắc độ của Material Design trong công cụ chọn màu. Thư viện Blackbox JS dễ dàng hơn.

Trình đơn theo bối cảnh mới và được cải tiến của bảng điều khiển DOM

trình đơn ngữ cảnh DOM mới.

Chúng tôi đã phân tích những hành động được sử dụng nhiều nhất trong bảng điều khiển DOM và kết luận rằng trình đơn theo bối cảnh nhấp chuột phải cần phải được sắp xếp gọn gàng và sắp xếp lại.

Giờ đây, việc ẩn hoặc xoá một cách nhanh chóng một phần tử, kích hoạt một trạng thái nhất định như :đang hoạt động hoặc :di chuột hoặc chỉnh sửa HTML của phần tử đó đã trở nên dễ dàng hơn nhiều. Còn nếu bạn đang dùng bàn di chuột và không muốn nhấp chuột phải, hãy nhấp vào biểu tượng ba dấu chấm nhỏ bên cạnh thành phần đã chọn.

Gỡ lỗi trình chạy dịch vụ thông qua bảng điều khiển Resource (Tài nguyên)

Trình chạy dịch vụ sẽ rất hữu ích sau khi bạn đã thiết lập chúng, nhưng chúng có thể vẫn còn khó khăn khi bạn mới bắt đầu sử dụng ngay từ đầu. Việc này trở nên tồi tệ hơn vì trên thực tế, quá trình gỡ lỗi yêu cầu người dùng phải rời khỏi Công cụ cho nhà phát triển và mở chrome://serviceworker-internals/ trong một cửa sổ trình duyệt mới.

Trình chạy dịch vụ trong các nguồn tài nguyên

Không còn gì nữa! Giờ đây, bạn có thể gỡ lỗi trình chạy dịch vụ cho miền hiện tại ngay trên bảng điều khiển Resource (Tài nguyên). Trò chơi này vẫn đang trong quá trình phát triển, nhưng đã có nhiều cải tiến so với hiện trạng trước đây.

Tất cả màu sắc: các sắc độ của Material Design trong công cụ chọn màu

Vài tuần trước, chúng tôi đã thêm bảng màu Material Design vào công cụ chọn màu để cung cấp cho bạn các màu chính, đậm nét ngay từ đầu. Để thực sự thiết kế một trang đầy đủ, chắc chắn bạn cần có toàn quyền truy cập vào tất cả các sắc độ của Material Design, vì vậy, chúng tôi đã đưa chúng vào.

Để hiện các sắc độ, hãy nhấn và giữ một trong các màu chính, rồi nhấp vào bóng.

Thư viện JavaScript của Blackbox dễ dàng hơn trong phần cài đặt

JavaScript Blackboxing đã ra mắt được một thời gian nhưng không dễ để người dùng tìm thấy. Đó là một tính năng cho phép bạn đánh dấu vào hộp đen một tập lệnh trên một trang để chỉ tập trung vào mã được tạo của bạn (và ẩn tất cả các mã xuống dòng).

Chúng tôi hiện đã chuyển ứng dụng này vào phần Cài đặt. Hãy thử làm:

Hộp đen

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

  • Thiếu quyền truy cập vào nút bật/tắt Kết xuất? Chế độ cài đặt hiển thị đã được chuyển sang trình đơn chính của Công cụ cho nhà phát triển (trong phần "Công cụ khác"). Ngoài các yếu tố đáng ngờ thông thường (tức là đồng hồ đo FPS), chúng tôi cũng chuyển sang mục "Mô phỏng phương tiện truyền thông in ấn".
  • Bạn chán phải nhập chrome://inspect vào Thanh địa chỉ? Giờ đây, bạn cũng có thể tìm thấy phần Inspect Devices (Kiểm tra thiết bị) ở phần "More Tools" (Công cụ khác) trên trình đơn chính mới.
  • Bạn vô tình đóng một trong các thẻ Ngăn có thể đóng (như Hiển thị hoặc Tìm kiếm)? Bây giờ, bạn có thể mở lại các mục đó bằng trình đơn mới ở bên trá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