Làm mới cấu trúc Công cụ cho nhà phát triển: di chuyển sang Thành phần web

Bài đăng này nằm trong 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ông cụ cho nhà phát triển và cách xây dựng công cụ này.

Khi Công cụ cho nhà phát triển được tạo lần đầu tiên cách đây nhiều năm, đội ngũ này đã chọn xây dựng một khung giao diện người dùng riêng. Đây là lựa chọn hợp lý vào thời điểm đó và đã phân phối tốt Công cụ cho nhà phát triển.

Nhưng kể từ đó, nhiều tính năng đã xuất hiện trong nền tảng và một trong số đó, Thành phần web, rất phù hợp để xây dựng các thành phần mới trên giao diện người dùng trong Công cụ cho nhà phát triển. Bằng cách dựa vào những gì nền tảng cung cấp, chúng tôi có thể giảm đáng kể lượng mã giao diện người dùng riêng mà chúng tôi 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 Công cụ cho nhà phát triển, thay vì hỗ trợ cơ sở hạ tầng riêng.

Để hỗ trợ quá trình chuyển đổi, chúng tôi đã tạo một hướng dẫn về cách xây dựng các thành phần trên giao diện người dùng trong Công cụ cho nhà phát triển để chia sẻ với nhóm Công cụ cho nhà phát triển nói chung. Một số hướng dẫn được dành riêng cho Công cụ cho nhà phát triển và kiến trúc của công cụ, mang đến bộ hạn chế riêng, nhưng một số trong số đó là nguyên tắc chung về các phương pháp mà chúng tôi đã sử dụng để xây dựng, định cấu trúc và kiểm thử Thành phần web.

Hôm nay, chúng tôi sẽ đăng 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 và trê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, tài liệu này có thể giúp bạn giải đáp thắc mắc. Nếu bạn có câu hỏi về các nguyên tắc của chúng tôi, vui lòng đăng ký bằng cách nhắn cho tôi.

Tải 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 cung cấp cho bạn quyền truy cập vào các tính năng mới nhất của Công cụ cho nhà phát triển, thử nghiệm API nền tảng web tiên tiến và tìm ra sự cố trên trang web của bạn trước khi người dùng của bạn làm điều đó!

Liên hệ với nhóm Công cụ của Chrome cho nhà phát triển

Sử dụng các lựa chọn sau đây để thảo luận về các tính năng mới và thay đổi trong bài đăng hoặc bất cứ vấn đề nào khác liên quan đến Công cụ cho nhà phát triển.

  • Hãy gửi đề xuất hoặc phản hồi cho chúng tôi qua 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 phần Tuỳ chọn khác   Thêm   > Trợ giúp > Báo cáo sự cố về Công cụ cho nhà phát triển trong Công cụ cho nhà phát triển.
  • Tweet tại @ChromeDevTools.
  • Hãy để lại bình luận về tính năng mới trong video trên YouTube của Công cụ cho nhà phát triển hoặc video trên YouTube.