- การตั้งค่า
- >
- DevTools
DivMagic DevTools
คุณสามารถเข้าถึง DivMagic ได้โดยตรงจากเครื่องมือพัฒนาเบราว์เซอร์ของคุณ ส่วนนี้จะแนะนำคุณเกี่ยวกับวิธีใช้คุณสมบัตินี้
วิธีใช้ DivMagic ด้วย DevTools
- เปิดแผงควบคุมสำหรับนักพัฒนาซอฟต์แวร์:
นำทางไปยังคอนโซลนักพัฒนาซอฟต์แวร์ของเบราว์เซอร์ของคุณโดยคลิกขวาที่เพจของคุณแล้วเลือก 'ตรวจสอบ' หรือใช้ทางลัด
- ค้นหาแท็บ DivMagic:
เมื่อเข้าไปในคอนโซลนักพัฒนาซอฟต์แวร์ ให้ค้นหาแท็บ 'DivMagic' ที่อยู่ถัดจากแท็บอื่นๆ เช่น 'Elements', 'Console' ฯลฯ
- เลือกองค์ประกอบ:
นำทางไปยังหน้าเว็บที่คุณต้องการคัดลอก และใช้แท็บ DivMagic ในเครื่องมือ dev เพื่อเลือกและบันทึกองค์ประกอบที่ต้องการ
- คัดลอกและแปลง:
เมื่อเลือกองค์ประกอบแล้ว คุณสามารถคัดลอกสไตล์ เปลี่ยนให้เป็น CSS, Tailwind CSS, React หรือโค้ด JSX ที่นำมาใช้ซ้ำได้ และอื่นๆ อีกมากมาย ทั้งหมดนี้ทำได้จากภายใน DevTools
หากแท็บ DevTools ไม่ปรากฏบนเบราว์เซอร์ของคุณ ตรวจสอบให้แน่ใจว่าคุณได้เปิดใช้งานจากป๊อปอัปแล้วเปิดแท็บใหม่แล้วลองอีกครั้ง
ด้วยการเพิ่ม DevTools เราได้อัปเดตการอนุญาตส่วนขยาย ซึ่งช่วยให้ส่วนขยายสามารถเพิ่มแผง DevTools ได้อย่างราบรื่นในทุกเว็บไซต์ที่คุณเยี่ยมชมและในหลายแท็บ
⚠️ บันทึก
เมื่อเปิดใช้งานแผง DevTools จากป๊อปอัปส่วนขยาย Chrome และ Firefox จะแสดงคำเตือนที่ระบุว่าส่วนขยายสามารถ 'อ่านและเปลี่ยนแปลงข้อมูลทั้งหมดของคุณบนเว็บไซต์ที่คุณเยี่ยมชม' แม้ว่าข้อความดังกล่าวจะดูน่าตกใจ แต่เราขอรับรองกับคุณว่า:
การเข้าถึงข้อมูลขั้นต่ำ: เราเข้าถึงเฉพาะข้อมูลขั้นต่ำที่จำเป็นเพื่อให้บริการ DivMagic แก่คุณเท่านั้น
ความปลอดภัยของข้อมูล: ข้อมูลทั้งหมดที่ส่วนขยายเข้าถึงจะยังคงอยู่ในเครื่องของคุณ และจะไม่ถูกส่งไปยังเซิร์ฟเวอร์ภายนอกใดๆ องค์ประกอบที่คุณคัดลอกจะถูกสร้างขึ้นบนอุปกรณ์ของคุณและไม่ได้ถูกส่งไปยังเซิร์ฟเวอร์ใดๆ
ความเป็นส่วนตัวต้องมาก่อน: เรามุ่งมั่นที่จะปกป้องความเป็นส่วนตัวและความปลอดภัยของคุณ สำหรับรายละเอียดเพิ่มเติม คุณสามารถดูนโยบายความเป็นส่วนตัวของเรา
ขอขอบคุณสำหรับความเข้าใจและความไว้วางใจของคุณ หากคุณมีข้อสงสัยหรือคำถามใดๆ โปรดติดต่อทีมสนับสนุนของเรา
ทรัพยากร
เครื่องมือ
ข้อกำหนดและนโยบาย
© 2024 DivMagic, Inc. สงวนลิขสิทธิ์