ปรับปรุงการพัฒนาของคุณด้วย StyleX DevTools
StyleX DevTools เป็นส่วนขยายของ Chrome ที่ออกแบบมาสำหรับนักพัฒนาที่ทำงานกับสไตล์อะตอมในแอปพลิเคชันเว็บของพวกเขา ส่วนเสริมฟรีนี้มีแผง 'Styles' ที่กำหนดเองภายในแผง Elements ทำให้ผู้ใช้สามารถตรวจสอบสไตล์ที่ใช้ผ่าน StyleX ได้ แตกต่างจากเครื่องมือแบบดั้งเดิมที่จัดระเบียบสไตล์ตามตัวเลือก ส่วนขยายนี้จัดประเภทตามคุณสมบัติ ทำให้การจัดการและแก้ไขสไตล์เป็นไปได้อย่างมีประสิทธิภาพมากขึ้น มันรับประกันว่าการแก้ไขสไตล์ใดๆ จะถูกจำกัดอยู่ที่องค์ประกอบปัจจุบัน ป้องกันการเปลี่ยนแปลงทั่วโลกที่ไม่ตั้งใจ
ทางเลือกที่แนะนำมากที่สุด
เครื่องมือนี้มีฟีเจอร์ที่ไม่เหมือนใครซึ่งออกแบบมาเฉพาะสำหรับ StyleX เช่น ความสามารถในการตรวจจับแอตทริบิวต์ `data-style-src` ทำให้นักพัฒนาสามารถติดตามแหล่งที่มาของสไตล์ได้โดยตรงในโหมดการพัฒนา ผู้ใช้ยังสามารถไปยังไฟล์ JavaScript หรือ TypeScript ที่เกี่ยวข้องด้วยการคลิกเพียงครั้งเดียว เพิ่มประสิทธิภาพการทำงาน นอกจากนี้ ส่วนขยายยังแสดงลำดับที่วัตถุสไตล์ถูกนำไปใช้ ทำให้ชัดเจนในระหว่างกระบวนการดีบัก
