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

Tiếng Kayce Basques
Kayce Basques

Chào mừng bạn đến với phần đầu tiên của ghi chú phát hành Công cụ cho nhà phát triển! Kể từ đây, lần đầu tiên bạn mở phiên bản Chrome mới, Công cụ cho nhà phát triển sẽ mở ngăn Tính năng mới kèm theo đường liên kết đến ghi chú phát hành cho phiên bản đó.

Tiêu điểm

  • Bảng điều khiển Dòng thời gian đã được đổi tên thành bảng điều khiển Hiệu suất.
  • Bảng điều khiển Hồ sơ đã được đổi tên thành bảng điều khiển Bộ nhớ.
  • Giờ đây, bạn có thể chỉnh sửa các giá trị cookie.
  • Giờ đây, Công cụ cho nhà phát triển sẽ tự động tạm dừng trước khi xảy ra lỗi hết bộ nhớ.

Tính năng mới

Cookie có thể chỉnh sửa

Nhấp đúp vào một ô trong thẻ Cookie để chỉnh sửa giá trị đó.

Chỉnh sửa cookie.
Hình 1. Chỉnh sửa cookie

Cảm ơn kdzwinel vì đã đóng góp!

Các biến CSS có thể kiểm tra và chỉnh sửa trong ngăn Kiểu

Giờ đây, bạn có thể kiểm tra và chỉnh sửa các biến CSS trong ngăn Kiểu. Vui lòng xem Bản minh hoạ về các biến CSS để tự dùng thử.

Điểm ngắt ngoài bộ nhớ

Khi một ứng dụng phân bổ quá nhiều bộ nhớ trong một khoảng thời gian ngắn, Công cụ cho nhà phát triển sẽ tự động tạm dừng và tăng giới hạn của vùng nhớ khối xếp. Việc này cho phép bạn kiểm tra vùng nhớ khối xếp, thực thi các lệnh trên Console để giải phóng bộ nhớ và tiếp tục gỡ lỗi vấn đề. Xem bài viết Một bước nhỏ cho Chrome, một vùng nhớ khối xếp lớn cho V8 để biết thêm thông tin.

Đã tạm dừng trên một điểm ngắt hết bộ nhớ
Hình 2. Bị tạm dừng trên một điểm ngắt hết bộ nhớ

Các điểm ngắt trong quá trình tạo ảnh in trên vải canvas

Bây giờ, bạn có thể tạo các điểm ngắt trình nghe sự kiện được kích hoạt bất cứ khi nào một ngữ cảnh canvas mới được tạo.

Các điểm ngắt khi tạo canvas thông qua hộp đánh dấu Tạo bối cảnh canvas
    trong ngăn Event Listener Breakpoints (Điểm ngắt trình xử lý sự kiện)
Hình 3. Các điểm ngắt khi tạo canvas thông qua hộp đánh dấu Create canvas context (Tạo ngữ cảnh canvas) trong ngăn Event Listener Breakpoints (Điểm ngắt trình xử lý sự kiện)

Thống kê thời gian bắt đầu trong thẻ Thời gian

Ở đầu thẻ Thời gian, bạn có thể thấy thời điểm một yêu cầu đã được đưa vào hàng đợi và bắt đầu.

Thống kê thời gian bắt đầu trong thẻ Thời gian.
Hình 4. Số liệu thống kê về thời gian bắt đầu trong thẻ Thời gian

Số liệu thống kê về máy chủ trong thẻ Timing (Thời gian)

Giờ đây, bạn có thể chèn thống kê máy chủ tùy chỉnh vào tab Thời gian. Xem Bản minh hoạ giá trị thời gian của máy chủ để biết ví dụ.

Số liệu thống kê về máy chủ trong thẻ Timing (Thời gian)
Hình 5. Số liệu thống kê về máy chủ trong thẻ Timing (Thời gian)

Cảm ơn sroussey đã đóng góp!

Các thay đổi

Bảng điều khiển Dòng thời gian nay là bảng Hiệu suất

Bảng điều khiển Dòng thời gian đã được đổi tên thành bảng điều khiển Hiệu suất để phản ánh rõ hơn mục đích của bảng điều khiển này.

Bảng điều khiển Hồ sơ giờ đây là bảng Bộ nhớ

Bảng điều khiển Hồ sơ đã được đổi tên thành bảng điều khiển Bộ nhớ để phản ánh rõ hơn mục đích của bảng này.

Trình phân tích CPU nằm ở một bảng điều khiển ẩn

Giờ đây, bảng điều khiển Hồ sơ có tên là bảng điều khiển Bộ nhớ (Memory), nên việc đưa trình phân tích CPU trên bảng điều khiển đó vào sẽ không hợp lý nữa. Hơn nữa, mục tiêu dài hạn là để tất cả người dùng lập hồ sơ từ bảng điều khiển Hiệu suất. Trong thời gian chờ đợi, bạn vẫn có thể truy cập vào trình phân tích CPU cũ trong phần Cài đặt > Công cụ khác > Trình phân tích JavaScript.

Xem bài viết Công cụ của Chrome cho nhà phát triển: Phân tích CPU JavaScript trong Chrome 58 để tìm hiểu cách lập hồ sơ CPU trong bảng điều khiển Hiệu suất.

Giao diện người dùng mới của Bảng điều khiển

Bảng điều khiển và ngăn chứa Bảng điều khiển đã có một số thay đổi về giao diện người dùng. Một số tính năng không phổ biến đã được chuyển sang vị trí ẩn hơn và các tính năng phổ biến hiện nay dễ dàng truy cập hơn.

  • Nhấp vào biểu tượng Cài đặt bảng điều khiển Cài đặt bảng điều khiển để truy cập vào các chế độ cài đặt nhằm tuỳ chỉnh hoạt động của Bảng điều khiển.
  • Tính năng Lưu giữ nhật ký hiện đã bị ẩn trong phần Cài đặt bảng điều khiển.
  • Nút và ngăn Filters (Bộ lọc) biến mất. Hãy dùng trình đơn thả xuống.
  • Hộp văn bản để lọc nhật ký giờ đây sẽ luôn hiển thị. Trước đó, tệp này bị ẩn trong ngăn Bộ lọc.
  • Hộp văn bản lọc sẽ tự động chấp nhận biểu thức chính quy, nên hộp đánh dấu Regex (Biểu thức chính quy) sẽ biến mất.
  • Hộp đánh dấu Ẩn lỗi vi phạm bị bỏ qua. Đặt trình đơn thả xuống cấp độ ghi nhật ký thành Verbose để xem các lỗi vi phạm.
  • Việc bỏ đánh dấu hộp Show all messages (Hiển thị tất cả thông báo) trong giao diện người dùng cũ cũng tương đương với việc chọn hộp đánh dấu Selected context only (Chỉ ngữ cảnh được chọn) trong phần Console Settings (Cài đặt bảng điều khiển) ở giao diện người dùng mới.
Giao diện người dùng mới của Bảng điều khiển
Hình 6. Giao diện người dùng mới của Bảng điều khiển

Các điểm ngắt trình nghe sự kiện WebGL đã di chuyển

Các điểm ngắt trình nghe sự kiện WebGL đã chuyển từ danh mục WebGL sang danh mục Canvas. Danh mục WebGL đã bị xoá.