Xin chào! Tôi là Kayce. Tôi lại quay lại để gửi cho bạn một bản tin tóm tắt khác nhằm cập nhật cho bạn về các tính năng mới trong DevTools kể từ tháng trước.
Các tính năng mới trong Console
Trong Chrome 56 (hiện đang ở Canary), Bảng điều khiển DevTools được cung cấp bởi CodeMirror. Điều này cho phép một loạt các tính năng mới, chẳng hạn như:
Làm nổi bật cú pháp khi bạn nhập. Trước đây, DevTools chỉ có thể làm nổi bật cú pháp sau khi một khối mã được đánh giá.
So khớp dấu ngoặc đơn / dấu ngoặc vuông / dấu ngoặc nhọn. Nếu bạn có dấu ngoặc đơn, dấu ngoặc vuông hoặc dấu ngoặc nhọn thừa, DevTools sẽ đánh dấu dấu đó bằng màu đỏ.
Các dấu ngoặc đơn, dấu ngoặc vuông hoặc dấu ngoặc nhọn khớp sẽ được làm nổi bật màu xám khi con trỏ của bạn nằm bên cạnh một trong các dấu đó.
Trả về thông minh. Khi bạn nhập một khối mã nhiều dòng, DevTools hiện sẽ biết liệu nên tạo một dòng mới hay thực thi mã của bạn mỗi khi bạn nhấn phím Enter. Ví dụ: giả sử bạn muốn đánh giá vòng lặp for sau trong Console:
for (var i = 0; i < 5; i++) {
console.log(i);
}
Trước đây, việc nhấn phím Enter sau khi nhập dòng đầu tiên sẽ khiến DevTools đánh giá dòng đó, gây ra lỗi. Để tiếp tục khối mã sang một dòng mới, bạn phải giữ phím Shift trước khi nhấn phím Enter. Ngược lại, giờ đây, DevTools chỉ tự động tiếp tục khối mã trên một dòng mới sau khi bạn nhấn phím Enter, như bạn mong đợi.
Nhiều con trỏ. Giữ phím Command (Mac) hoặc Control+Alt (Windows, Linux) rồi nhấp.
Canary hiện đánh dấu các ngữ cảnh không phải trên cùng bằng màu đỏ
Nếu gần đây bạn đã làm việc trong Console, có thể bạn đã gặp phải một lỗi nhỏ khó chịu khi đặt bộ chọn ngữ cảnh thực thi thành các giá trị khác với top.
Lỗi đó hiện đã được khắc phục trong phiên bản ổn định, nhưng để đảm bảo an toàn, DevTools trong Canary (Chrome 56) hiện cảnh báo bạn rằng bạn không ở trong ngữ cảnh top bằng cách làm nổi bật bộ chọn màu đỏ.
Tác nhân người dùng mới: UC Browser
Giờ đây, bạn có thể chọn UC Browser cho iOS, Android hoặc Windows Phone trong thẻ ngăn Network conditions (Điều kiện mạng).
Quan tâm là sẻ chia
Như mọi khi, chúng tôi rất mong nhận được ý kiến phản hồi hoặc ý tưởng của bạn về mọi vấn đề liên quan đến DevTools.
- Hãy liên hệ với chúng tôi theo địa chỉ ChromeDevTools trên Twitter để gửi câu hỏi ngắn hoặc ý kiến phản hồi, hoặc để chia sẻ ý tưởng mới.
- Đối với các cuộc thảo luận dài hơn, danh sách gửi thư hoặc Stack Overflow là lựa chọn tốt nhất.
- Đối với mọi vấn đề liên quan đến tài liệu, hãy mở một vấn đề trên kho lưu trữ tài liệu của chúng tôi.
- Bạn luôn có thể liên hệ trực tiếp với nhóm để báo lỗi hoặc yêu cầu một tính năng trên Crbug.
Hẹn gặp lại vào tháng sau!
Kayce