Thông báo của Công cụ cho nhà phát triển, tháng 8 năm 2016

Xin chào, tôi là Kayce, người viết nội dung kỹ thuật cho DevTools, tôi muốn cho bạn biết về những diễn biến mới nhất trong lĩnh vực Công cụ cho nhà phát triển.

Bảng điều khiển Tài nguyên nay là bảng điều khiển Ứng dụng

Kể từ Chrome 52, bảng điều khiển Tài nguyên không còn xuất hiện nữa! Chúng tôi đã đổi tên trình đơn này thành bảng điều khiển Application (Ứng dụng). Tất cả tính năng cũ của bảng Tài nguyên vẫn có sẵn, cùng nhiều tính năng mới giúp bạn gỡ lỗi Ứng dụng web tiến bộ. Giờ đây, bạn cũng có thể tận hưởng niềm vui khi gỡ lỗi các vấn đề về vòng đời của trình chạy dịch vụ và thời gian lưu vào bộ nhớ đệm.

Hãy xem hướng dẫn mới của chúng tôi, do bạn thực sự viết, để tìm hiểu thêm về các tính năng mới: Gỡ lỗi ứng dụng web tiến bộ

ChromeLens

Ống kính Chrome.

ChromeLens là một tiện ích mới vô cùng hiệu quả, giúp người khiếm thị truy cập trang web của bạn dễ dàng hơn.

Tái bút: Rob Dodson vừa ra mắt một loạt video mới về tính năng hỗ trợ tiếp cận, a11ycasts.

Các tính năng mới hiện đã có trong Canary

Canary hiện là Chrome 54. Vì vậy, đối với những độc giả trong tương lai, nếu bạn đang sử dụng Chrome phiên bản 54 trở lên, bạn có thể sử dụng các tính năng này!

Công cụ chọn màu nằm trong bảng điều khiển Nguồn.

Công cụ chọn màu của bảng điều khiển nguồn.

Nhấp chuột phải vào ngăn Resource (Tài nguyên) trong bảng điều khiển Network (Mạng) và bạn có thể sao chép một chuỗi các yêu cầu cURL để tải mọi tài nguyên của mình xuống.

Sao chép tất cả dưới dạng curl.

Bạn có thể tắt JavaScript thông qua trình đơn Lệnh. Tính năng này trước đây chỉ có trong phần Cài đặt.

Tắt JavaScript.

console.warn() hiện bao gồm một dấu vết ngăn xếp.

dấu vết ngăn xếp console.warn().

Tính năng mới nhất này đã ra mắt được vài tháng, nhưng vẫn nên được đề cập thêm. Tạo Bản ghi Dòng thời gian khi bật tuỳ chọn Hồ sơ JS. Bạn có thể xem bảng chi tiết thời gian thực thi theo từng chức năng trong bảng điều khiển Nguồn.

Thời gian thực thi hàm trong bảng điều khiển nguồn.

Ý tưởng mới của cộng đồng

Sau đây là một số ý tưởng mới của cộng đồng có thể đang hình thành một DevTools ở gần bạn trong tương lai.

  • @matthewcp: Tăng tốc độ gỡ lỗi rò rỉ bộ nhớ bằng cách hiển thị một danh sách đơn giản gồm các đối tượng đang tăng trưởng.
  • @jonathanbingram: Tăng / giảm giá trị font-weight bằng phím tắt tăng / giảm.
  • @_bl4de: Chỉnh sửa cookie (thực ra là một yêu cầu đã tồn tại từ lâu, nhưng cảm ơn bạn đã đưa yêu cầu này lên lại). Có tin đồn @kdzwinel có một mối quan hệ PR đang được thực hiện.
  • @kienzle_s: Thêm bộ lọc OR vào bộ lọc bảng điều khiển Mạng.

Bạn có ý tưởng mới? Chúng tôi rất sẵn lòng trình bày. Hãy gửi tin nhắn cho chúng tôi trên Twitter tại @ChromeDevTools và cho chúng tôi biết điều gì đã xảy ra.

Mặc dù tôi đã lưu ý bạn, nếu có tài liệu nào cần khắc phục hoặc tính năng cần giải thích, vui lòng mở một vấn đề trên kho lưu trữ tài liệu.

Đến tháng sau!