Tính năng mới trong Công cụ cho nhà phát triển (Chrome 146)

Ngày xuất bản: 10 tháng 3 năm 2026

Chrome 146 cải thiện khả năng hỗ trợ cho Adopted Style Sheets (Bảng định kiểu được áp dụng) trong bảng điều khiển Phần tử, cải thiện đáng kể khả năng điều hướng nhật ký Bảng điều khiển và đơn giản hoá quy trình gỡ lỗi Quyền riêng tư , cùng với nhiều bản sửa lỗi và bản cập nhật nhỏ khác.

Thông tin cập nhật về máy chủ MCP của Công cụ cho nhà phát triển

Máy chủ MCP của Công cụ cho nhà phát triển hiện ở phiên bản 0.19.0, mang đến các công cụ mới mạnh mẽ, cải thiện hiệu quả, và các kỹ năng gỡ lỗi chuyên biệt:

  • Kiểm tra Lighthouse tích hợp: Giờ đây, bạn có thể chạy các bài kiểm tra Lighthouse trực tiếp thông qua MCP, cho phép kiểm tra tự động hoá hiệu suất và chất lượng trong quy trình làm việc tác nhân của bạn.
  • Chế độ rút gọn: Hiện đã có chế độ --slim mới, được thiết kế để tối ưu hoá nội dung mô tả và tham số của công cụ nhằm tiết kiệm mã thông báo tối đa.
  • Kỹ năng gỡ lỗi mới: Đã thêm các kỹ năng chuyên biệt dành riêng cho việc kiểm tra và gỡ lỗi khả năng hỗ trợ tiếp cận, cũng như gỡ lỗi và tối ưu hoá Thời gian hiển thị nội dung lớn nhất (LCP).
  • Mở rộng công cụ và chức năng: Máy chủ hiện hỗ trợ các ngữ cảnh trình duyệt được lưu trữ riêng biệt, tính năng ghi màn hình thử nghiệm, công cụ take_memory_snapshot mới và các chức năng tương tác nâng cao như type_text.

Xem nhật ký thay đổi công khai trên GitHub để biết danh sách đầy đủ các thay đổi.

Giữ lại các chỉnh sửa trong nhật ký Bảng điều khiển

Một điểm gây khó khăn lâu dài trong Bảng điều khiển đã được giải quyết. Trước đây, nếu bạn đang chỉnh sửa một lệnh được lấy từ nhật ký và di chuyển ra ngoài (bằng cách nhấn vào phím Mũi tên lên hoặc Mũi tên xuống), thì các chỉnh sửa của bạn sẽ bị mất.

Trong Chrome 146, Công cụ cho nhà phát triển hiện giữ lại các chỉnh sửa khi bạn di chuyển qua nhật ký lệnh. Bạn có thể bắt đầu sửa đổi một lệnh trước đó, duyệt tìm một lệnh khác và quay lại bản nháp mà không làm mất công việc của mình.

Đây là đóng góp của cộng đồng, cảm ơn @hjanuschka!

Vấn đề về Chromium: 355108929

Cải thiện khả năng hỗ trợ cho Adopted Style Sheets

Giờ đây, việc gỡ lỗi Thành phần web và kiến trúc CSS hiện đại trở nên dễ dàng hơn nhiều. Adopted Style Sheets không còn bị ẩn đi nữa; giờ đây, chúng được nhóm trong một nút #adopted-style-sheets chuyên dụng trong cây DOM ở bảng điều khiển Phần tử.

Bạn có thể kiểm tra các bảng định kiểu này giống như thẻ <style> tiêu chuẩn, thậm chí chỉnh sửa trực tiếp các quy tắc của chúng trong ngăn Kiểu. Điều này giúp tạo sự tương đồng giữa bảng định kiểu được tạo và kiểu khai báo, đơn giản hoá việc gỡ lỗi Shadow DOM, thành phần web và hệ thống thiết kế dùng chung.

Biểu định kiểu được áp dụng trong bảng điều khiển Phần tử có tính năng chỉnh sửa cùng dòng.

Vấn đề về Chromium: 476399197, 40802935

Hỗ trợ bố cục lưới dày đặc

Trình chỉnh sửa lưới trong ngăn Kiểu hiện hỗ trợ thuật toán đóng gói dense. Khi chỉnh sửa grid-auto-flow, bạn sẽ thấy một hộp đánh dấu mới cho từ khoá dense, cho phép bạn nhanh chóng chuyển đổi giữa chế độ đóng gói tiêu chuẩn và dày đặc trực tiếp từ giao diện người dùng.

Hộp đánh dấu mới có mật độ cao trong trình chỉnh sửa lưới.

Đây là đóng góp của cộng đồng, cảm ơn @TheNourhan!

Vấn đề về Chromium: 40791512

Đơn giản hoá quy trình gỡ lỗi quyền riêng tư

Bảng điều khiển Quyền riêng tư và bảo mật trước đây đã được đổi tên thành Bảo mật và được sắp xếp gọn gàng để giảm bớt sự lộn xộn trên giao diện người dùng và hợp nhất các quy trình gỡ lỗi. Tất cả thông tin liên quan đến quyền riêng tư, chẳng hạn như vấn đề về cookie của bên thứ ba và việc kiểm tra khả năng gây lỗi, hiện được báo cáo trực tiếp trong Bảng điều khiển.

Thay đổi này có nghĩa là bạn không còn cần phải chuyển đổi giữa các bảng điều khiển để chẩn đoán vấn đề về quyền riêng tư nữa; các vấn đề này xuất hiện cùng với các nhật ký và lỗi khác, cung cấp ngữ cảnh ngay lập tức.

Vấn đề về Chromium: 473796598

Thông tin nổi bật khác

  • Nguồn: Một đợt đại tu kiến trúc dấu vết ngăn xếp giúp giải quyết các vấn đề trong đó bản đồ nguồn tải muộn khiến giao diện người dùng nhảy hoặc chuyển đổi tệp một cách bất ngờ.
  • Mạng: Cửa sổ bật lên trình khởi tạo hiện sử dụng hệ thống dấu vết ngăn xếp được cải thiện để có các chuỗi yêu cầu đáng tin cậy hơn.

Thông báo về khả năng hỗ trợ tiếp cận

Phiên bản này mang đến những cải tiến sau về khả năng hỗ trợ tiếp cận:

  • Trình ghi: Trình đọc màn hình hiện thông báo khi thanh bên "Hiển thị mã" được bật/tắt.
  • Ứng dụng: Tiêu đề báo cáo mới "Bộ nhớ dùng chung", "Bộ nhớ đệm cho thao tác tiến/lùi" và "Giảm thiểu việc theo dõi tỷ lệ thoát" hiện được thông báo chính xác dưới dạng tiêu đề.
  • Cài đặt: Đã cải thiện khả năng hỗ trợ chế độ tương phản cao cho các mục phím tắt và nút màu.
  • Chung: Cải thiện khả năng hiển thị tiêu điểm cho nhiều thành phần giao diện người dùng, bao gồm cả bảng điều khiển Tổng quan về CSS và các mục trình phát nội dung nghe nhìn.

Vấn đề về Chromium: 479882111, 478888141, 479250362