โพสต์นี้เป็นส่วนหนึ่งของชุดบล็อกโพสต์ที่อธิบายการเปลี่ยนแปลงที่เราทำกับสถาปัตยกรรมของเครื่องมือสำหรับนักพัฒนาเว็บ และวิธีการสร้าง
ในช่วงที่มีการสร้างเครื่องมือสำหรับนักพัฒนาเว็บเป็นครั้งแรก เมื่อหลายปีก่อน ทีมได้เลือกที่จะสร้างเฟรมเวิร์ก UI ตามความต้องการ ซึ่งเป็นตัวเลือกที่สมเหตุสมผลในเวลานั้นและให้บริการเครื่องมือสำหรับนักพัฒนาเว็บได้ดี
แต่นับจากนั้น ฟีเจอร์ต่างๆ เข้ามาอยู่ในแพลตฟอร์มแล้ว และหนึ่งในนั้นคือคอมโพเนนต์ของเว็บ ก็เหมาะอย่างยิ่งสำหรับการสร้างองค์ประกอบ UI ใหม่ๆ ในเครื่องมือสำหรับนักพัฒนาเว็บ การใช้ประโยชน์จากสิ่งที่แพลตฟอร์มมีให้จะช่วยลดจำนวนโค้ด UI ตามความต้องการ ที่เราต้องใช้ดูแลและลงทุนมากขึ้นในการสร้างฟีเจอร์สำหรับเครื่องมือสำหรับนักพัฒนาเว็บ แทนที่จะรองรับโครงสร้างพื้นฐานตามความต้องการโดยเฉพาะ
และเพื่อช่วยในการเปลี่ยนผ่าน เราจึงจัดทำคู่มือในการสร้างองค์ประกอบ UI ในเครื่องมือสำหรับนักพัฒนาเว็บเพื่อแชร์กับทีมเครื่องมือสำหรับนักพัฒนาเว็บในวงกว้างได้ คู่มือบางส่วนมีไว้สำหรับเครื่องมือสำหรับนักพัฒนาเว็บและสถาปัตยกรรมของเครื่องมือนี้ ซึ่งทำให้เกิดข้อจำกัดของตัวเอง แต่บางคู่มือก็เป็นหลักเกณฑ์ทั่วไปสำหรับแนวทางที่เราใช้ในการสร้าง จัดโครงสร้าง และทดสอบคอมโพเนนต์ของเว็บ
ในวันนี้ เราจึงเผยแพร่เอกสารนี้สู่สาธารณะที่ goo.gle/building-ui-devtools หากคุณเคยสงสัยเพิ่มเติมเกี่ยวกับวิธีการนำคอมโพเนนต์ของเว็บไปใช้ในแอปพลิเคชันขนาดใหญ่ในโลกจริง หรือความท้าทายบางประการซึ่งมาพร้อมกับการผสานรวมคอมโพเนนต์ไว้ในฐานของโค้ดขนาดใหญ่ที่มีอยู่แล้ว เอกสารนี้จะช่วยคุณได้ หากคุณมีคำถามเกี่ยวกับหลักเกณฑ์ของเรา โปรดทวีตฉัน
ดาวน์โหลดช่องตัวอย่าง
ลองใช้ Chrome Canary, Dev หรือเบต้าเป็นเบราว์เซอร์สำหรับการพัฒนาเริ่มต้น ตัวอย่างช่องทางเหล่านี้จะช่วยให้คุณสามารถเข้าถึงฟีเจอร์ล่าสุดของเครื่องมือสำหรับนักพัฒนาเว็บ ทดสอบ API แพลตฟอร์มเว็บที่ล้ำสมัย และค้นหาปัญหาในเว็บไซต์ก่อนที่ผู้ใช้จะทำงานได้
ติดต่อทีมเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ใช้ตัวเลือกต่อไปนี้เพื่อพูดคุยเกี่ยวกับฟีเจอร์ใหม่ๆ และการเปลี่ยนแปลงในโพสต์หรือเรื่องอื่นๆ ที่เกี่ยวข้องกับเครื่องมือสำหรับนักพัฒนาเว็บ
- ส่งคำแนะนำหรือความคิดเห็นถึงเราผ่าน crbug.com
- รายงานปัญหาเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บโดยใช้ตัวเลือกเพิ่มเติม
> ความช่วยเหลือ > รายงานปัญหาเกี่ยวกับเครื่องมือสำหรับนักพัฒนาเว็บในเครื่องมือสำหรับนักพัฒนาเว็บ - ทวีตที่ @ChromeDevTools
- แสดงความคิดเห็นเกี่ยวกับ "มีอะไรใหม่ในวิดีโอ YouTube สำหรับเครื่องมือสำหรับนักพัฒนาเว็บ" หรือเคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บวิดีโอ YouTube