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

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! Từ đây trở đi, trong 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 đó.

Điểm nổi bậ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.
  • Bảng điều khiển Hồ sơ đã được đổi tên thành bảng điều khiển Bộ nhớ.
  • Giá trị cookie hiện có thể chỉnh sửa được.
  • Công cụ cho nhà phát triển giờ đây 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 tab Cookie để chỉnh sửa giá trị đó.

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

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

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. Hãy xem Bản minh hoạ về biến CSS để tự mình dùng thử.

Điểm ngắt hết bộ nhớ

Khi một ứng dụng phân bổ nhiều bộ nhớ trong một khoảng thời gian ngắn, Công cụ cho nhà phát triển giờ đây sẽ tự động tạm dừng và tăng giới hạn vùng nhớ khối xếp. Thao tá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 sự cố. Hãy xem bài viết Một bước nhỏ cho Chrome, Một vùng nhớ khối xếp lớn cho phiên bản 8 để biết thêm thông tin.

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

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

Giờ đây, bạn có thể tạo các điểm ngắt của 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.

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

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

Ở đầu thẻ Thời gian, bạn hiệ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.

Số liệ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ê của máy chủ trong thẻ Thời gian

Bây giờ, bạn có thể chèn số liệu thống kê máy chủ tuỳ chỉnh vào thẻ Thời gian. Hãy xem Bản minh hoạ các giá trị thời gian của máy chủ để biết ví dụ.

Số liệu thống kê của máy chủ trong thẻ Thời gian
Hình 5. Số liệu thống kê về máy chủ trong thẻ 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 hiện là bảng điều khiển 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 này.

Bảng điều khiển Hồ sơ hiện 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 phía sau một bảng điều khiển ẩn

Giờ đây, bảng điều khiển Hồ sơ được gọi là bảng điều khiển Bộ nhớ, việc hiển thị trình phân tích CPU trên bảng điều khiển đó không còn ý nghĩa nữa. Hơn nữa, mục tiêu dài hạn là làm sao để tất cả người dùng được 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 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 phân tích tài nguyên cho CPU trong bảng điều khiển Hiệu suất.

Giao diện người dùng mới của Console

Bảng điều khiển và ngăn đã trải qua 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 đến nhiều vị trí ẩn hơn, và các tính năng phổ biến hiện có thể dễ dàng truy cập hơn.

  • Nhấp vào biểu tượng Cài đặt Play Console 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 hành vi của Console.
  • Nhật ký lưu giữ hiện bị ẩn trong phần Cài đặt Play Console.
  • Ngăn và nút Bộ lọc đã biến mất. Thay vào đó, hãy sử 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 đây, bộ lọc này bị ẩn trong ngăn Bộ lọc.
  • Hộp văn bản lọc tự động chấp nhận biểu thức chính quy, vì vậy, hộp đánh dấu Biểu thức chính quy sẽ biến mất.
  • Hộp đánh dấu Ẩn lỗi vi phạm không hiển thị. Đặt trình đơn thả xuống cấp độ ghi nhật ký thành Verbose (Chi tiết) để xem các lỗi vi phạm.
  • Việc bỏ đánh dấu hộp Show all messages (Hiện tất cả thông báo) trong giao diện người dùng cũ tương đương với việc chọn hộp đánh dấu Chỉ ngữ cảnh đã chọn trong phần Cài đặt bảng điều khiển trong giao diện người dùng mới.
Giao diện người dùng mới của Console
Hình 6. Giao diện người dùng Console mới

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

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