โปรดให้การแปลภาษาไทยสำหรับประโยคเหล่านี้พร้อมแท็ก html: เครื่องมือพัฒนา tRPC Client: ส่วนขยายที่ไม่เป็นทางการสำหรับการตรวจสอบคำสั่งคิวรี, การเปลี่ยนแปลง, และการสมัครสมาชิก
tRPC Client Devtools เป็นส่วนขยายที่ไม่เป็นทางการที่ช่วยให้นักพัฒนาสามารถตรวจสอบคำสั่ง query, mutation, และ subscription ในแอปพลิเคชัน tRPC ของพวกเขาได้ ส่วนขยายนี้สำหรับ Chrome จะให้วิธีที่สะดวกในการวิเคราะห์ข้อมูลเข้า, ข้อมูลออก, และเวลาที่ใช้ในการดำเนินการเหล่านี้
เพื่อเริ่มใช้ tRPC Client Devtools มีขั้นตอนง่ายๆ ให้ทำตามคำแนะนำเหล่านี้ ก่อนอื่นให้ติดตั้งแพคเกจ npm trpc-client-devtools-link และเพิ่มไปยังการกำหนดค่าของไคลเอ็นต์ tRPC ของคุณ หากคุณใช้ tRPC v10 ตรวจสอบให้แน่ใจว่าคุณติดตั้งเวอร์ชัน @next ต่อไปให้ดาวน์โหลดและติดตั้งส่วนขยาย tRPC Client Devtools ในท้ายที่สุด เปิด Devtools ของเบราว์เซอร์ของคุณ ไปที่แท็บ tRPC และเริ่มตรวจสอบคำสั่ง query, mutation, และ subscription ของคุณ
หลังจากติดตั้งแล้ว tRPC Client Devtools จะปรากฏเป็นแท็บ "tRPC" ในตัวตรวจสอบของเบราว์เซอร์เว็บของคุณ ร่วมกับแท็บอื่นๆ เช่น "Elements" และ "Console" ส่วนขยายนี้มีคุณสมบัติหลักสามอย่าง คือ query inspector, mutation inspector, และ subscription inspector คุณสมบัติเหล่านี้ช่วยให้คุณสามารถดูข้อมูลเข้า, ผลลัพธ์, และเวลาที่ใช้ในการดำเนินการของ query, mutation, และ subscription ตามลำดับ
