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