Bài đăng này là một phần trong một loạt bài đăng trên blog mô tả những thay đổi mà chúng tôi đang thực hiện đối với cấu trúc của DevTools và cách tạo cấu trúc đó.
Khi DevTools được tạo lần đầu tiên cách đây nhiều năm, nhóm đã chọn xây dựng một khung giao diện người dùng tuỳ chỉnh. Đây là một lựa chọn hợp lý tại thời điểm đó và đã phục vụ tốt cho DevTools.
Nhưng kể từ đó, nhiều tính năng đã ra mắt trên nền tảng này và một trong số đó là Thành phần web, rất phù hợp để tạo các thành phần giao diện người dùng mới trong DevTools. Bằng cách dựa vào những gì nền tảng cung cấp, chúng ta có thể giảm đáng kể lượng mã giao diện người dùng tuỳ chỉnh mà chúng ta phải duy trì và đầu tư nhiều hơn vào việc xây dựng các tính năng cho DevTools, thay vì hỗ trợ cơ sở hạ tầng tuỳ chỉnh.
Để hỗ trợ quá trình chuyển đổi, chúng tôi đã tạo một hướng dẫn về cách tạo các thành phần giao diện người dùng trong DevTools để chia sẻ với nhóm DevTools rộng lớn hơn. Một số phần trong hướng dẫn này dành riêng cho DevTools và cấu trúc của công cụ này, mang lại một bộ hạn chế riêng, nhưng một số phần khác là nguyên tắc chung về các phương pháp chúng tôi đã sử dụng để xây dựng, cấu trúc và kiểm thử Thành phần web.
Hôm nay, chúng tôi sẽ công khai tài liệu này tại goo.gle/building-ui-devtools. Nếu bạn từng thắc mắc thêm về cách sử dụng Thành phần web trong các ứng dụng lớn, thực tế hoặc một số thách thức khi tích hợp các thành phần vào một cơ sở mã lớn, có sẵn, thì tài liệu này có thể giúp bạn giải đáp một số thắc mắc. Nếu bạn có câu hỏi về nguyên tắc của chúng tôi, hãy gửi tin nhắn cho tôi trên Twitter.
Tải các 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 cho phép bạn sử dụng các tính năng mới nhất của DevTools, kiểm thử các API nền tảng web tiên tiến và giúp bạn tìm thấy vấn đề trên trang web của mình trước khi người dùng phát hiện ra!
Liên hệ với nhóm Chrome DevTools
Hãy sử dụng các lựa chọn sau để thảo luận về các tính năng, bản cập nhật mới hoặc bất kỳ nội dung nào khác liên quan đến Công cụ cho nhà phát triển.
- Gửi ý kiến phản hồi và yêu cầu về tính năng cho chúng tôi tại 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 biểu tượng Tuỳ chọn khác > Trợ giúp > Báo cáo sự cố của Công cụ cho nhà phát triển trong Công cụ cho nhà phát triển.
- Gửi tweet đến @ChromeDevTools.
- Để lại bình luận trên video YouTube về tính năng mới trong DevTools hoặc video YouTube về mẹo sử dụng DevTools.