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 61)

Kayce Basques

Sau đây là các tính năng mới và những thay đổi lớn sắp tới đối với Công cụ cho nhà phát triển trong Chrome 61:

Mô phỏng chế độ điều tiết thiết bị di động. Đặt đồng thời chế độ điều tiết CPU và mạng để mô phỏng các thiết bị di động cấp trung hoặc cấp thấp.
Mức sử dụng bộ nhớ. Xem lượng bộ nhớ mà một nguồn đang sử dụng, được phân tích theo công nghệ (IndexedDB, bộ nhớ đệm, cục bộ, phiên, v.v.).
Dấu thời gian lưu vào bộ nhớ đệm. Xem thời điểm một trình chạy dịch vụ lưu một phản hồi vào bộ nhớ đệm.
Bật máy đo FPS từ trình đơn Command.
Thay đổi hành vi con lăn chuột và bàn di chuột trong bảng điều khiển Hiệu suất.
Gỡ lỗi gốc cho các mô-đun ES6.

Lưu ý: Bạn có thể kiểm tra phiên bản Chrome mình đang chạy trong chrome://version. Chrome tự động cập nhật lên phiên bản lớn mới khoảng 6 tuần một lần.

Hãy xem phiên bản video của những ghi chú phát hành này ở bên dưới hoặc đọc tiếp để tìm hiểu thêm.

Mô phỏng các thiết bị di động cấp thấp và cấp trung ở Chế độ thiết bị

Trình đơn Điều chỉnh chế độ thiết bị hiện hiển thị theo mặc định. Trình đơn này hiện cho phép bạn mô phỏng thiết bị di động cấp thấp hoặc cấp trung chỉ bằng vài lần nhấp.

Hình 1 Trình đơn Điều tiết

Hình 2. Di chuột qua trình đơn Điều tiết hoặc mở trình đơn Cài đặt chụp để xem định nghĩa cho Thiết bị di động cấp trung và Thiết bị di động cấp thấp

Xem mức sử dụng bộ nhớ

Phần Usage (Sử dụng) mới trong thẻ Clear Storage (Xoá bộ nhớ) của bảng điều khiển Application (Ứng dụng) sẽ cho bạn biết mức bộ nhớ của nguồn gốc đang sử dụng, cũng như hạn mức tối đa cho nguồn gốc trên thiết bị này.

Mục Sử dụng

Hình 3. Phần Usage (Sử dụng) cho thấy https://airhorner.com đang sử dụng 66,9 KB trong số hạn mức 15214 MB của nguồn gốc

Xem thời điểm một trình chạy dịch vụ lưu phản hồi vào bộ nhớ đệm

Cột Thời gian được lưu vào bộ nhớ đệm mới trong thẻ Bộ nhớ đệm cho bạn biết thời điểm một trình chạy dịch vụ đưa các phản hồi vào bộ nhớ đệm.

Cột thời gian được lưu trong bộ nhớ đệm

Hình 4. Cột Thời gian được lưu vào bộ nhớ đệm

Bật đồng hồ đo FPS (khung hình/giây) qua trình đơn Lệnh

Giờ đây, bạn có thể bật FPS Meter (Đồng hồ khung hình/giây) từ Trình đơn Command.

Bật máy đo FPS từ trình đơn Lệnh

Hình 5. Bật Máy đo khung hình/giây từ Trình đơn lệnh

Thiết lập hành vi con lăn chuột để thu phóng hoặc cuộn khi dùng Bản ghi biểu diễn

Mở phần Cài đặt rồi đặt chế độ cài đặt thao tác con lăn chuột trên biểu đồ Flamingo mới để thay đổi cách hoạt động của con lăn chuột trên bảng điều khiển Hiệu suất.

Ví dụ: khi bạn sử dụng con lăn chuột trên phần Chính của bản ghi hoặc khi bạn vuốt bằng hai ngón tay trên bàn di chuột, thao tác mặc định sẽ là phóng to hoặc thu nhỏ. Khi bạn thay đổi chế độ cài đặt thành Scroll (Cuộn xuống), cử chỉ này sẽ cuộn lên hoặc xuống.

Chế độ cài đặt 'Thao tác con lăn chuột trên biểu đồ hình ngọn lửa'

Hình 6. Chế độ cài đặt Thao tác bằng con lăn chuột trên Flamingo

Hỗ trợ gỡ lỗi cho các mô-đun ES6

Các mô-đun ES6 vốn được vận chuyển trong Chrome 61. Không có nhiều vấn đề xảy ra ở đây liên quan đến DevTools, ngoài việc gỡ lỗi hoạt động như bạn mong đợi. Hãy thử đặt một số điểm ngắt và thực hiện theo quy trình triển khai mô-đun ES6 của Paul Ireland của TodoMVC để tự tìm hiểu.

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.