Chào các bạn! Trong phiên bản gần đây nhất của Thông báo công cụ cho nhà phát triển, chúng tôi đã khám phá các ngăn xếp lệnh gọi không đồng bộ mạnh mẽ và một số ngăn xếp khác. Trong phiên bản này, chúng ta sẽ cải thiện tính năng lọc Bảng điều khiển mạng (có tính năng tự động hoàn thành), khả năng chỉnh sửa với nội dung Shadow DOM, bản cập nhật CodeMirror 4 và nhiều tính năng khác.
Lọc bảng điều khiển mạng
Giờ đây, bạn có thể lọc tài nguyên theo một số trường nhất định, chẳng hạn như Miền. Một định dạng bộ lọc là: Domain:website.com. Ngoài tính năng lọc, bạn cũng nhận được đề xuất tự động hoàn thành cho các giá trị bộ lọc hợp lệ. Các giá trị này sẽ cập nhật theo thời gian thực khi bạn nhập cụm từ tìm kiếm. Bạn có thể thấy tính năng này hữu ích khi cần tìm tất cả tài nguyên được một miền cụ thể cung cấp. [crbubg.com/258421]
Chỉnh sửa nội dung DOM bóng
Công cụ cho nhà phát triển luôn có thể chỉnh sửa HTML thông thường trong bảng điều khiển Phần tử. Những tính năng này hiện đã có thể áp dụng cho các phần tử của DOM bóng. [crbug.com/348991]
Nâng cấp lên CodeMirror 4.0
CodeMirror, trình chỉnh sửa văn bản dựa trên JavaScript đang được sử dụng như một phần của Bảng điều khiển nguồn đã được nâng cấp lên phiên bản 4. Do đó, một loạt chức năng mới đã được thêm vào. crbug.com/356878]
Tìm kiếm nhanh tài sản CSS
Giờ đây, bạn có thể tìm kiếm tên thuộc tính, giá trị hoặc bộ chọn quy tắc từ hộp tìm kiếm mới trong ngăn Kiểu. Kết quả sẽ được đánh dấu theo thời gian thực khi bạn nhập cụm từ tìm kiếm. [crbug.com/278852]
Dấu thời gian bên cạnh thông báo trên bảng điều khiển
Khi ghi nhật ký thư liên tiếp một cách nhanh chóng, có thể bạn nên biết thời gian chính xác mà một thư được ghi lại. Bạn có thể bật tính năng này thông qua Thử nghiệm công cụ cho nhà phát triển. [crbug.com/131714]
Phân tích số liệu thống kê về bộ nhớ cho ảnh chụp nhanh của vùng nhớ khối xếp
Khi xem ảnh chụp nhanh của vùng nhớ khối xếp được ghi lại, hãy chú ý đến biểu đồ hình tròn stastics cung cấp thông tin tổng quan trực quan, được mã hoá bằng màu về khía cạnh nào của JavaScript đang chiếm nhiều bộ nhớ nhất. Hiện là tính năng thử nghiệm, hãy bật "Số liệu thống kê tổng quan nhanh về bộ nhớ khối xếp" để dùng thử. [crbug.com/346335]
Xem nguồn ban đầu của console.log, chứ không phải phiên bản đã bao bọc
Bạn có thể có một hàm bao bọc console.log, nhưng rất tiếc, trong bảng điều khiển, tất cả các thông báo của bạn đều đến từ mã như util.js:46. Giờ đây, bạn có thể nhờ Công cụ cho nhà phát triển phân giải các vị trí ban đầu. Nhập tệp sẽ gói thông điệp nhật ký của bảng điều khiển vào hộp đầu vào "Skip stepping through Sources with specific names" (Bỏ qua bước thông qua nguồn có tên cụ thể) để có hộp đen Công cụ cho nhà phát triển và sau đó hiển thị nguồn thực của câu lệnh nhật ký. [crbug.com/231007]
Một vài bổ sung nhỏ nhưng mạnh mẽ
Làm mới ngăn Trình xử lý sự kiện trong Bảng điều khiển Phần tử, sau khi thêm hoặc xoá các trình nghe sự kiện JavaScript một cách linh động. [crbug.com/341044]
Bạn có thể dùng
Ctrl+để tập trung vào dữ liệu đầu vào trên Console. Bạn có thể thấy tính năng này hữu ích đối với quy trình làm việc chỉ dành cho bàn phím trong Công cụ cho nhà phát triển. [crbug.com/144943]đề xuất tự động hoàn thành kiểu đường viền cho các giá trị (chấm, gạch ngang, kép, rãnh) đã được cập nhật cho phù hợp với quy cách. [crbug.com/349998]
Nút Khôi phục mặc định và tải lại **đã được thêm vào bảng Cài đặt. Bảng điều khiển này hoạt động chính xác như được hiển thị trên hộp thiếc. [crbug.com/135451]
Tính năng này hiện đang là một tính năng thử nghiệm. Bạn có thể gắn đế ở bên trái để biết tính phù hợp của tính năng này với quy trình làm việc của mình. Các chế độ bố cục khác là gắn vào cửa sổ chính (bên phải hoặc dưới cùng) và gỡ vào một cửa sổ riêng. [crbug.com/134282]
"bánh xe" hiện được cung cấp dưới dạng một điểm ngắt của trình nghe sự kiện. Điểm ngắt này bổ sung cho các sự kiện nhấp chuột, di chuyển chuột, di chuột xuống thông thường, v.v. [crbug.com/347562]
Đó là tất cả thông tin ở đây, cảm ơn bạn đã đọc!