Trang này được dịch bởi Cloud Translation API.

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

Jecelyn Yeen

Gợi ý cho các tài sản CSS không hoạt động

Công cụ cho nhà phát triển hiện xác định được các kiểu CSS hợp lệ nhưng không có hiệu ứng rõ ràng. Trong ngăn Kiểu, Công cụ cho nhà phát triển làm mờ các thuộc tính không hoạt động. Di chuột qua biểu tượng bên cạnh quy tắc để tìm hiểu lý do quy tắc không có hiệu lực rõ ràng.

Gợi ý về các tài sản CSS không hoạt động.

Vấn đề với Chromium: 1178508

Tự động phát hiện XPath và bộ chọn văn bản trong bảng điều khiển Máy ghi âm

Bảng điều khiển Recorder (Ghi) giờ đây hỗ trợ XPath và bộ chọn văn bản. Bắt đầu ghi một luồng người dùng và trình ghi sẽ tự động chọn XPath và văn bản duy nhất ngắn nhất của một phần tử làm bộ chọn nếu có.

Bộ chọn văn bản và XPath trong bảng điều khiển Máy ghi âm.

Các sự cố với Chromium: 1327206,1327209

Bước qua các biểu thức được phân tách bằng dấu phẩy

Giờ đây, bạn có thể thực hiện các bước thông qua các biểu thức được phân tách bằng dấu phẩy trong khi gỡ lỗi. Điều này giúp cải thiện khả năng gỡ lỗi của mã rút gọn.

Bước qua các biểu thức được phân tách bằng dấu phẩy.

Trước đây, Công cụ cho nhà phát triển chỉ hỗ trợ bước thông qua biểu thức được phân tách bằng dấu chấm phẩy.

Với mã dưới đây,

function foo() {}

function bar() {
  foo();
  foo();
  return 42;
}

Bộ chuyển đổi và trình thu nhỏ có thể chuyển chúng thành các biểu thức được phân tách bằng dấu phẩy.

function bar(){return foo(),foo(),42}

Điều này gây nhầm lẫn trong quá trình gỡ lỗi vì hành vi bước khác nhau giữa mã được rút gọn và mã được tạo. Thậm chí còn khó hiểu hơn khi sử dụng bản đồ nguồn để gỡ lỗi mã đã rút gọn về mặt mã gốc, vì sau đó nhà phát triển đang xem xét dấu chấm phẩy (được chuỗi công cụ chuyển thành dấu phẩy) nhưng trình gỡ lỗi không dừng lại trên chúng.

Vấn đề với Chromium: 1370200

Cải thiện chế độ cài đặt Danh sách bỏ qua

Chuyển đến phần Cài đặt > Danh sách bỏ qua. Công cụ cho nhà phát triển cải thiện thiết kế để giúp bạn định cấu hình các quy tắc để bỏ qua một tập lệnh hoặc mẫu tập lệnh.

Thẻ Ignore List (Danh sách bỏ qua).

Vấn đề với Chromium: 1356517

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

Dưới đây là một số sửa đổi đáng chú ý trong bản phát hành này:

Tự động hoàn thành tên thuộc tính CSS trong ngăn Styles (Kiểu) khi nhấn phím cách. (1343316)
Xoá tính năng tự động cuộn trong đường dẫn của bảng điều khiển Phần tử. (1369734)

Tải kênh xem trước xuống

Hãy cân nhắc sử dụng Chrome Canary, Dev hoặc Beta làm trình duyệt phát triển mặc định. Các kênh xem trước này cung cấp cho bạn quyền truy cập vào các tính năng mới nhất của Công cụ cho nhà phát triển, thử nghiệm API nền tảng web tiên tiến và tìm ra sự cố trên trang web của bạn trước khi người dùng của bạn làm điều đó!

Liên hệ với nhóm Công cụ của Chrome cho nhà phát triển

Sử dụng các lựa chọn sau đây để thảo luận về các tính năng mới và thay đổi trong bài đăng hoặc bất cứ vấn đề nào khác liên quan đến Công cụ cho nhà phát triển.

Hãy gửi đề xuất hoặc phản hồi cho chúng tôi qua crbug.com.
Báo cáo sự cố của Công cụ cho nhà phát triển bằng cách sử dụng phần Tuỳ chọn khác > Trợ giúp > Báo cáo sự cố về Công cụ cho nhà phát triển trong Công cụ cho nhà phát triển.
Tweet tại @ChromeDevTools.
Hãy để lại bình luận về tính năng mới trong video trên YouTube của Công cụ cho nhà phát triển hoặc video trên YouTube.