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 sẽ làm mờ các thuộc tính không hoạt động. Hãy di chuột qua biểu tượng bên cạnh quy tắc đó để hiểu lý do tại sao quy tắc này không có hiệu lực rõ ràng.

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

Vấn đề về Chromium: 1178508

Tự động phát hiện NETWORK và bộ chọn văn bản trong bảng điều khiển Trình ghi

Bảng điều khiển Recorder (Ghi âm) hiện hỗ trợ vai trò mâu thuẫn và bộ chọn văn bản. Bắt đầu ghi lại luồng người dùng và trình ghi sẽ tự động chọn Wi-Fi 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 Nhà cung cấp thông tin và bộ chọn văn bản trong bảng điều khiển Trình ghi.

Vấn đề về Chromium: 1327206,1327209

Di chuyển 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 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.

Di chuyển 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 các biểu thức được phân tách bằng dấu chấm phẩy.

Theo mã bên dưới,

function foo() {}

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

Bộ chuyển đổi và thu nhỏ có thể chuyển chúng thành 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 là khác nhau giữa mã rút gọn và mã đã uỷ quyền. 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ì nhà phát triển sau đó xem xét dấu chấm phẩy (được chuỗi công cụ biến thành dấu phẩy) nhưng trình gỡ lỗi không dừng lại ở đó.

Vấn đề về Chromium: 1370200

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

Chuyển đế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ẻ Danh sách bỏ qua.

Vấn đề về Chromium: 1356517

Nội dung nổi bật khác

Dưới đây là một số nội dung sửa lỗ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 Style (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 việc sử dụng Chrome Canary, Nhà phát triển hoặc Beta làm trình duyệt phát triển mặc định của bạn. Các kênh xem trước này cho phép bạ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, kiểm thử các API nền tảng web tiên tiến và tìm ra các vấn đề trên trang web của bạn trước khi người dùng 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 để thảo luận về các tính năng và thay đổi mới trong bài đăng, hoặc bất cứ nội dung nào khác liên quan đến Công cụ cho nhà phát triển.

  • 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ông cụ cho nhà phát triển bằng cách sử dụng Tuỳ chọn khác   Thêm > Trợ giúp > Báo cáo vấn đề về Công cụ cho nhà phát triển trong Công cụ cho nhà phát triển.
  • Tweet tại @ChromeDevTools.
  • Để 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 Mẹo video trên YouTube trong Công cụ cho nhà phát triển.

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

Danh sách mọi nội dung được đề cập trong loạt bài Tính năng mới trong Công cụ cho nhà phát triển.