Tính năng mới trong Công cụ cho nhà phát triển – Tháng 11 năm 2026

Matthias Rohmer

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

Chrome 155 và Chrome 156 đã được phát hành chính thức vào tháng 10, mang đến một loạt tính năng gỡ lỗi và biên soạn mới cho trình duyệt của bạn vào tháng 11: kiểm tra kiểu CSS trong Công cụ cho nhà phát triển cho tác nhân, trình chỉnh sửa position-area tương tác cho vị trí neo CSS trong Phần tử, cũng như chẩn đoán nguồn gốc quảng cáo và tệp kê khai Cài đặt web trong Ứng dụng. Bạn cũng có thể phát hiện các biến ngữ cảnh không hoạt động trong bảng điều khiển Bộ nhớ, kiểm tra cảnh báo tải trước Gợi ý sớm và các chế độ ghi đè liên tục trong bảng điều khiển Mạng, cũng như di chuyển trên dòng thời gian mượt mà hơn trong bảng điều khiển Hiệu suất.

DevTools cho tác nhân

Máy chủ MCP của Chrome DevTools bổ sung tính năng kiểm tra kiểu CSS, hỗ trợ tệp cấu hình và phân tích cú pháp dấu vết theo đoạn cho các tác nhân lập trình:

• Kiểm tra kiểu CSS: Kiểm tra các kiểu được tính toán và khớp bằng công cụ get_css_styles. Công cụ này hỗ trợ phân trang (pageSize và pageIdx) và định dạng các quy tắc khớp, quy tắc kế thừa, phần tử giả, quy tắc @keyframes và @ (@position-try, @property và @function).
• Tệp cấu hình và chế độ kiểm soát đường dẫn: Quản lý cờ máy chủ bằng tệp cấu hình chuyên dụng, định cấu hình gốc hệ thống tệp tuỳ chỉnh và sử dụng --allow-unrestricted-paths theo mặc định trong CLI.
• Phân tích cú pháp vùng đệm theo dõi theo đoạn: Phân tích cú pháp các bản ghi hiệu suất lớn bằng trình phân tích cú pháp vùng đệm theo dõi theo đoạn và vùng đệm theo dõi mặc định 1,2 GB. Công cụ của Chrome cho nhà phát triển cũng đặt phạm vi cho các thực thể công cụ theo dõi theo từng lần phân tích cú pháp để ngăn chặn rò rỉ bộ nhớ.
• Xử lý hộp thoại và duy trì bảng điều khiển: Tự động xử lý các hộp thoại JavaScript được kích hoạt trong các thao tác của Công cụ nhập liệu và lưu giữ nhật ký tin nhắn của bảng điều khiển trong các thao tác điều hướng trên cùng một tài liệu.
• Cập nhật trình đơn: Nhấp vào Tải Chrome DevTools cho tác nhân trong trình đơn chính của DevTools để mở hướng dẫn thiết lập.

Tìm hiểu thêm trong kho lưu trữ chrome-devtools-mcp.

Phần tử: Trình chỉnh sửa vùng vị trí trực quan, lựa chọn neo ngầm định và nội dung cập nhật về cách tạo CSS

Bảng điều khiển Phần tử giới thiệu công cụ trực quan để định vị neo CSS và mở rộng tính năng kiểm tra CSS:

• Trình chỉnh sửa position-area trực quan: Nhấp vào mẫu màu cùng dòng bên cạnh một nội dung khai báo position-area trong thẻ Styles (Kiểu) để chọn trực quan các vùng lưới neo, định cấu hình các trục cùng lúc hoặc riêng lẻ, bật/tắt từ khoá self và rút ngắn các từ khoá không có trục.
• Lựa chọn neo ngầm ẩn trên trình trang trí cửa sổ bật lên: Nhấp chuột phải vào trình trang trí cửa sổ bật lên trong cây DOM khi một phần tử có nhiều neo ngầm ẩn để kiểm tra và chuyển đến bất kỳ phần tử neo nào được liên kết.
• Lớp phủ hộp định vị neo: Kiểm tra lề, khoảng đệm, đường viền và hộp nội dung của khối chứa được sửa đổi lồng ghép (IMCB) ngay trên lớp phủ khung nhìn khi gỡ lỗi các phần tử được định vị neo.
• wrap-reverse trong trình chỉnh sửa Flexbox: Bật/tắt flex-wrap: wrap-reverse ngay trong trình chỉnh sửa Flexbox trực quan trong thẻ Kiểu.
• Kiểu CSS không hoạt động cho @starting-style và các quy tắc kế thừa: Kiểm tra các quy tắc @starting-style không hoạt động và các phần Inherited from có trạng thái mở rộng và thu gọn thủ công được giữ nguyên trong các bản cập nhật.
• Thuộc tính tuỳ chỉnh nhiều dấu gạch ngang và tính năng tự động hoàn thành lớp: Kiểm tra và chỉnh sửa các thuộc tính tuỳ chỉnh CSS bắt đầu bằng 3 dấu gạch ngang trở lên (chẳng hạn như ---theme-color) và lọc ra các lớp đã áp dụng khỏi đề xuất tự động hoàn thành Thêm lớp mới.

Vấn đề về Chromium: 553335561, 438724570, 413061413, 397184392, 539424116, 533783988

Ứng dụng: Chẩn đoán tệp kê khai cài đặt web, nguồn gốc quảng cáo và thông tin cập nhật về bảng lưu trữ

Bảng điều khiển Application (Ứng dụng) và Issues (Vấn đề) bổ sung thông tin chẩn đoán cho tệp kê khai Cài đặt web, nguồn gốc tập lệnh quảng cáo và quy trình kiểm tra bộ nhớ:

• Chẩn đoán tệp kê khai Cài đặt web: Kiểm tra lỗi tệp kê khai Cài đặt web (navigator.install và <install>) trong bảng điều khiển Vấn đề – bao gồm lỗi tìm nạp, lỗi cú pháp, giá trị start_url không hợp lệ, thiếu tên hoặc mã nhận dạng và thiếu tệp kê khai – kèm theo đường liên kết trực tiếp đến tệp kê khai bị ảnh hưởng.
• Tài liệu về cột và chỉ số Nguồn gốc quảng cáo: Hãy xem cột Nguồn gốc quảng cáo mới trong mục Quảng cáo của bảng điều khiển Ứng dụng để biết liệu một tập lệnh quảng cáo có khớp với chuỗi tập lệnh gốc hay quy tắc danh sách bộ lọc hay không, cùng với chú giải công cụ tài liệu và đường liên kết Tìm hiểu thêm về các chỉ số quảng cáo.
• Tính tiện dụng của bảng IndexedDB và Cookie: Mở rộng các đối tượng lồng nhau trong lưới dữ liệu IndexedDB với chiều cao hàng động giúp giữ nguyên vị trí cuộn và xoá các hàng đã chọn trong bảng Cookie bằng bàn phím hoặc trình đơn theo bối cảnh.

Vấn đề về Chromium: 333795265, 553428200, 514957134, 555304817, 555304814, 562142155

Mạng: Cảnh báo tải trước Gợi ý sớm và ghi đè liên tục

Bảng điều khiển Mạng tinh chỉnh quy trình chẩn đoán Gợi ý sớm, ghi đè cục bộ và quy trình tiêu đề tuỳ chỉnh:

• Cảnh báo tải trước qua Early Hints khi bộ nhớ đệm bị tắt: Xem cảnh báo trong phần tiêu đề Early Hints khi phản hồi 103 Early Hints bao gồm các đường liên kết tải trước trong khi chế độ Tắt bộ nhớ đệm đang hoạt động, giải thích lý do Chrome bỏ qua các nội dung tải trước đó.
• Ghi đè cục bộ liên tục và cột tiêu đề tuỳ chỉnh: Cung cấp nội dung phản hồi ghi đè cục bộ trên các thao tác điều hướng trang, giữ lại cấu hình cột tiêu đề yêu cầu và tiêu đề phản hồi tuỳ chỉnh cũng như thứ tự sắp xếp trên các lần tải lại, đồng thời sao chép tải trọng yêu cầu thô bị cắt bớt từ trình đơn theo bối cảnh.

Vấn đề về Chromium: 548701038, 559925510, 563542902, 556269542, 377410082

Bộ nhớ: Phát hiện trường ngữ cảnh không hoạt động trong snapshot của vùng nhớ heap

Bảng điều khiển Bộ nhớ hiện phát hiện các biến đóng không dùng đến vẫn được giữ lại trong bối cảnh thực thi V8. DevTools phân tích cú pháp siêu dữ liệu phạm vi V8 được nhúng trong snapshot của vùng nhớ heap để liên kết các hàm đóng với các đối tượng Context được chia sẻ. Sau đó, công cụ này sẽ làm nổi bật các trường ngữ cảnh không hoạt động được duy trì bởi các hàm đóng có thời gian hoạt động dài khi không có hàm đóng nào đang hoạt động truy cập vào chúng, được sắp xếp theo mức độ ảnh hưởng đến bộ nhớ.

Vấn đề về Chromium: 497855658

Hiệu suất: Thao tác trên dòng thời gian mượt mà hơn và giữ nguyên trạng thái cây lệnh gọi

Bảng điều khiển Hiệu suất cung cấp tính năng điều hướng biểu đồ hình ngọn lửa thích ứng hơn và giữ nguyên bối cảnh phân tích của bạn trên các bảng điều khiển:

• Thao tác mượt mà hơn trên dòng thời gian: Thao tác thu phóng, kéo và kéo bản đồ thu nhỏ của dòng thời gian không còn bị trễ nữa.
• Giữ nguyên trạng thái Cây lệnh gọi và Từ dưới lên: Chuyển đổi giữa các bảng điều khiển Công cụ cho nhà phát triển mà không làm mất các nút, lựa chọn hoặc vị trí cuộn đã mở rộng trong thẻ Cây lệnh gọi và Từ dưới lên.

Vấn đề về Chromium: 553831653, 561396590

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

Chrome 155 và Chrome 156 cũng có những điểm cải tiến sau đây trên các bảng điều khiển của Công cụ cho nhà phát triển:

• Cảm biến: Ghi đè navigator.cpuPerformance ngay từ chế độ điều khiển Cấp hiệu suất CPU mới trong bảng điều khiển Cảm biến hoặc để chế độ này phản ánh các giá trị đặt trước đang hoạt động của tính năng điều tiết CPU. (Vấn đề về Chromium: 449760252, 526856234, 526857820)
• Chế độ thiết bị: Giữ lại các lựa chọn ưu tiên về tỷ lệ và tự động điều chỉnh mức thu phóng cho mỗi thiết bị được mô phỏng, đồng thời duy trì chế độ ghi đè Save-Data khi bật/tắt thanh công cụ của thiết bị. (Vấn đề về Chromium: 561306841, 555160483)
• Công cụ chọn màu: Xem các đề xuất về màu tương phản APCA cho văn bản sáng trên nền tối và chuyển đổi màu ngoài gam màu thành giá trị oklab() và oklch() mà không có giá trị NaN. (Vấn đề về Chromium: 560325669, 558821258)
• Hỗ trợ tiếp cận: Xác định các nút bật/tắt bộ lọc biểu thức chính quy đang hoạt động bằng dấu chấm chỉ báo không màu, nghe tên thuộc tính phông chữ do trình đọc màn hình thông báo trong phần Tổng quan về CSS, đồng thời điều hướng bằng vòng tiêu điểm bàn phím được cải tiến và chế độ hiển thị có độ tương phản cao trên các bảng điều khiển. (Vấn đề về Chromium: 556764882, 555848535, 555599825, 553804654)

Vấn đề về Chromium: 449760252, 526856234, 526857820, 561306841, 555160483, 560325669, 558821258, 556764882, 555848535, 555599825, 553804654