Tin tức mới nhất về Công cụ cho nhà phát triển
Mục tin tức đầu tiên trong bài đăng này là một thẻ meta nhỏ – đó chính là thông tin cập nhật này! Thỉnh thoảng, nhưng ít nhất một lần mỗi tháng, tôi sẽ tóm tắt những gì đang diễn ra trong thế giới của Chrome DevTools, mới ra lò.
Khi nói mới mẻ, tôi thực sự muốn nói như vậy: Tôi sẽ nói về các tính năng mới vừa xuất hiện trong Chrome Canary. Vì vậy, nếu bạn muốn sử dụng phiên bản ổn định, thì điều đó cũng rất tuyệt. Nhưng nếu bạn thích mạo hiểm và muốn luôn nắm bắt thông tin mới nhất, thì những bài đăng này là dành cho bạn. Ngoài các tính năng và bản sửa lỗi mới nhất, bạn sẽ thấy phần Nhịp đập của cộng đồng ở cuối mỗi bài đăng, nêu bật những nội dung đóng góp tuyệt vời nhất của bạn, những người dùng mà chúng tôi yêu quý.
Không dông dài thêm nữa, hãy cùng tìm hiểu tin tức thực tế.
Tính năng mới trong Công cụ cho nhà phát triển
Ảnh chụp màn hình dạng dải phim trong thẻ Mạng và Dòng thời gian
Chỉ một tuần trước, chúng tôi đã chuyển một tính năng quan trọng mới ra khỏi thử nghiệm: Tính năng chụp ảnh chụp màn hình của trang trong cả thẻ Mạng và Dòng thời gian.
Trong Network panel (Bảng điều khiển mạng), hãy nhấp vào biểu tượng máy ảnh nhỏ để bật tính năng chụp khung hình, sau đó tải lại trang để kích hoạt tính năng chụp. Ngoài ảnh chụp màn hình được chụp bằng các công cụ khác như WebPageTest, chúng tôi hiện chỉ hiển thị các khung thực sự đến từ một lớp phủ.
Khi nhấp đúp vào một trong các khung, chế độ xem thu phóng sẽ xuất hiện (sau đó sử dụng mũi tên trái/phải để di chuyển), khi di chuột qua các khung này, các đường sẽ xuất hiện trên bảng điều khiển và tiến trình để hiển thị chính xác thời điểm chụp khung hình, cho phép bạn liên hệ với trình tự tải. Điều này giúp gỡ lỗi các vấn đề tải thường gặp như phông chữ web chặn kết xuất đơn giản hơn nhiều.
Trong bảng điều khiển Dòng thời gian, bạn có thể bật tính năng chụp ảnh màn hình bằng cách bật hộp đánh dấu "Ảnh chụp màn hình" trong thanh công cụ trên cùng. Ở đây, mọi thứ hoạt động hơi khác so với bảng điều khiển Mạng: Trong trường hợp này, chúng ta cố gắng chụp ảnh thường xuyên nhất có thể – bất kể số lần vẽ thực tế – để có thể thả ảnh chụp màn hình đó trên một tiến trình tuyến tính tương quan với các hàng khác trong Dòng thời gian. Thay vì cần nhấp đúp để hiển thị bản xem trước, các khung hình được phóng to sẽ xuất hiện khi di chuột.
Vì hai tính năng này có chút không đồng bộ về mặt chức năng và trải nghiệm người dùng, nên chúng tôi khuyến khích bạn dùng thử(các) tính năng này và gửi ý kiến phản hồi cho chúng tôi thông qua các phiếu yêu cầu hỗ trợ trên crbug.com/new hoặc qua bài đăng trên Twitter tới @ChromeDevTools.
Hạn chế băng thông mạng trong bảng điều khiển Mạng
Giới hạn băng thông mạng, một tính năng mà chúng tôi đã thêm khi giới thiệu Chế độ thiết bị, đã tìm thấy vị trí thứ hai trong thanh công cụ của bảng điều khiển Mạng để bạn có thể tập trung vào việc tối ưu hoá mạng ở một nơi duy nhất.
Tuy nhiên, trang chủ mới này chỉ là một bản sao: Bạn vẫn có thể sử dụng trang chủ này ngoài Chế độ thiết bị, vì việc mô phỏng kết nối kém vẫn rất quan trọng khi bạn cố gắng làm cho trang web của mình thích ứng.
Cuối cùng, bạn có phải là một trong những người không may mắn này, đã tự hỏi tại sao kết nối Internet của bạn bị gián đoạn sau một ngày dài làm việc, chỉ để phát hiện ra rằng bạn đã quên tắt tính năng điều tiết mạng? Thẻ Bảng điều khiển mạng bây giờ sẽ hiển thị biểu tượng cảnh báo khi tính năng hạn chế băng thông mạng được bật.
Nhiều thông tin thú vị
- Bạn ghét những vòng tròn kỳ lạ đó trên dòng thời gian của mạng? Chúng tôi cũng vậy. Đây là các điểm thời gian khi một khung hình (trong dải phim mới) được chụp. Giờ đây, chúng sẽ xuất hiện dưới dạng đường khi bạn di chuột.
- Chế độ thiết bị hiện sẽ giữ nguyên hướng khi bạn chuyển đổi giữa các thiết bị
Nhịp tim của cộng đồng
Tìm hiểu sâu về Công cụ của Chrome cho nhà phát triển
Bret Little đã phát hành khoá học hướng dẫn nhỏ nhưng thú vị này để làm quen bạn với chức năng cơ bản của DevTools, đồng thời cung cấp nhiều mẹo và thủ thuật chuyên sâu. Chắc chắn là có thông tin hữu ích trong đó và nhiều tài liệu khác về Công cụ cho nhà phát triển cũng không bao giờ bị hại!
IDE Công cụ cho nhà phát triển...?!
Kenneth Auchenberg, một nhà phát triển web và người đam mê Công cụ cho nhà phát triển, đã phát triển một ứng dụng Công cụ cho nhà phát triển độc lập chứng minh ý tưởng cách đây vài tháng và bằng cách nào đó, bài đăng trên blog của anh đã tạo lại tin tức (tin tặc) trong tuần này.
Biến Công cụ cho nhà phát triển thành một IDE hoàn toàn là một ý tưởng thú vị. Đây là một ý tưởng mà nhiều thành viên trong nhóm của chúng tôi từng mơ ước, nhưng đó cũng sẽ là một dự án có quy mô hoành tráng.
Bạn nghĩ gì về thông tin này? IDE Công cụ cho nhà phát triển có phải là một công cụ tuyệt vời không hay bạn có thể thấy nó hoạt động tốt không? Giao diện này sẽ trông như thế nào? Hãy cho chúng tôi biết trong phần bình luận!
Hẹn sớm gặp lại bạn!
Paul Bakaus và nhóm Công cụ cho nhà phát triển